jBox没有显示通知

时间:2017-06-22 07:42:09

标签: javascript

我的复选框上有一个js脚本但是信息没有来

$('.js__test').on('change', function () {
        const url = $(this).data('url');
        let data;
        if (this.checked) {
            data = '1';
        } else {
            data = '0';
        }
        $.post(url, data, function (data, status) {
        })
            .done(function (data) {
                new jBox("Notice", {
                    color: 'green',
                    content: 'success',
                });
            })
    });

但如果我使用变量定义它可以工作

 var v = new jBox("Notice", {
                    color: 'green',
                    content: 'success',
                   });
                v.open();

如何解决此问题?

1 个答案:

答案 0 :(得分:0)

看起来您还没有包含脚本和css文件以供通知。请在您的信息页中包含此标记

<script src="//code.jboxcdn.com/plugins/Notice/jBox.Notice.js"></script>
<link href="//code.jboxcdn.com/plugins/Notice/jBox.Notice.css" rel="stylesheet"/>

&#13;
&#13;
$(document).ready(function() {
  $('#myNotice').click(function() {
    new jBox('Notice', {
      content: 'Hurray! A notice!',
      color: 'blue'
    });
  });
});
&#13;
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="//code.jboxcdn.com/0.4.8/jBox.min.js"></script>
<link href="//code.jboxcdn.com/0.4.8/jBox.css" rel="stylesheet">
<script src="//code.jboxcdn.com/plugins/Notice/jBox.Notice.js"></script>
<link href="//code.jboxcdn.com/plugins/Notice/jBox.Notice.css" rel="stylesheet"/>
<div style="cursor: pointer" id='myNotice'>Just a div</div>
&#13;
&#13;
&#13;