Javascript jBox Modal dialog onCreated侦听器函数从第二次开始不起作用

我正在使用JBoxURL:

并在每次单击链接时创建一个模式。第一次创建模式时，将在“onCreated”属性中添加所创建模式上按钮的侦听器。单击这些按钮时，这些侦听器将第一次正常连接并正常工作。从第二次开始，听众就不工作了。它就像没有监听器的虚拟按钮

请在这里找到代码示例。

$（'#btn'）。单击（函数（）{
var title=“创建组”；
var createGroup=''+title+'Cancel'；
var myModal=new jBox（'Modal'{
标题:标题,，
内容：createGroup，
宽度：400，
onCreated:function（）{
警报（“在创建时处于状态”）；
$（“#btn创建组取消”）。单击（函数（）{
警报（“取消时进入”）；
myModal.close（）；
});
$（“#btn创建组”）。单击（函数（）{
myModal.close（）；
警报（“创建时进入”）；
});
}
});
myModal.open（）；
});

使用

myModal.destroy（）在
myModal.close（）之后和它将工作

$('#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();
});