jBox模态对话框Created监听器函数从第二次开始就不起作用了

jBox Modal dialog onCreated listener function is not working from second time onward

本文关键字:开始 第二次 不起作用 函数 模态 对话框 Created 监听器 jBox      更新时间:2023-09-26

我正在使用jBox url:http://stephanwagner.me/jBox。

并在每次点击链接时创建一个模态。当第一次创建模态时,创建的模态上的按钮的侦听器将添加到"onCreated"属性上。这些听众第一次正确地连接起来,并在点击这些按钮时工作。从第二次开始,听众就不工作了。它就像一个没有监听器的哑按钮。

请在这里找到代码示例。http://jsfiddle.net/sedhuait/4zdavzap/2/

$('#btn').click(function () {
    var title = "Create Group";
    var createGroup = '<section class="container-fluid">   <div class="form-group col-lg-7"> <button id="btn-create-group" class="btn btn-custom btn-lg btn-block" data-i18n="menubar.group"> ' + title + ' </button> </div> <div class="form-group col-lg-5"><button id="btn-create-group-cancel" class="btn btn-cancel btn-lg btn-block" data-i18n="menubar.group"> Cancel </button> </div>   </div>  </div>  </section>';

    var myModal = new jBox('Modal', {
        title: title,
        content: createGroup,
        width: 400,
        onCreated: function () {
            alert("in on created ");
            $('#btn-create-group-cancel').click(function () {
                alert("in on cancel ");
                myModal.close();
            });
            $('#btn-create-group').click(function () {
                myModal.close();
                alert("in on create ");
            });
        }
    });

    myModal.open();
});

myModal.close();之后使用myModal.destroy();,它将工作于