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

Custombox（js插件）无法正常工作？

1 个答案: