Javascript Custombox（js插件）不工作？

我似乎无法正确设置custombox，我做错了什么。 代码：

点击
单词
$（函数（）{
$（'.button'）。在（'click'，函数（e）上{
Custombox.open({
目标：'.open'，
效果：“法登”
});
e、 预防默认值（）；
});
});

Custombox不提供静态

打开方法。您需要首先初始化实例，然后
open（）
：

请参见
您遇到的问题或错误是什么？
<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>

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

   modal.open();
});