Custombox (js plugin) funktioniert nicht?

Question

Ich kann nicht in der Lage sein, Custombox richtig einzurichten und etwas falsch zu machen. Code:

<link href="css/custombox.min.css" rel="stylesheet"> 

<section> 
<div class="button">Click</div> 
<div style="display:none;" class="open">WORD</div> 
<script> 
$(function() { 
$('.button').on('click', function(e) { 
    Custombox.open({ 
     target: '.open', 
     effect: 'fadein' 
    }); 
    e.preventDefault(); 
}); 
}); 
</script> 
</section> 
<script type="text/javascript" src="js/custombox.min.js"></script> 

Answer 1

Custombox bietet keine statische open Methode. Sie müssen zuerst eine Instanz initialisieren, dann open():

$('.button').on('click', function(e) { 
    var modal = new Custombox.modal({ 
     content: { 
     effect: 'fadein', 
     target: '.open' 
     } 
    }); 

    modal.open(); 
}); 

Fiddle