jBox 模态对话框 onCreated 侦听器函数从第二次开始不起作用
jBox Modal dialog onCreated listener function is not working from second time onward
我正在使用 jBox url : http://stephanwagner.me/jBox .
并在每次点击 link 时创建一个模式。首次创建模态时,将在 "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();
就可以了
我正在使用 jBox url : http://stephanwagner.me/jBox .
并在每次点击 link 时创建一个模式。首次创建模态时,将在 "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();
就可以了