Custombox（jsプラグイン）が機能しません。

Question

私はカスタムボックスを正しくセットアップできないようで、何か間違っているようです。 コード：

<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は静的open方法を提供していません。その後、open()、最初のインスタンスを初期化する必要があります。

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

    modal.open(); 
}); 

がFiddle