Kendo UI/jQuery 点击事件多次运行

Question

我正在使用Telerik的jQuery软件Kendo UI来创建模态弹出窗口。我对剑道模式弹出框有一个相当奇怪的问题，其中包含一个"Confirm"/"Cancel"确认。 我第一次打开确认窗口并单击任一按钮（确认或取消）时，窗口工作正常。第二次打开此弹出窗口并单击按钮时，我的剑道click事件触发两次。 第三次打开窗口时，单击事件触发了 3 次，依此类推。 我不知道为什么。 它应该只发射一次。

这是我的JS代码。 触发两次的点击功能位于"确认和取消"部分，从.click(function () {行开始：

var kendoWindow = $("#delete-confirmation").kendoWindow({
    title: "Confirm",
    resizable: false,
    modal: true,
    center: true
});
kendoWindow.data("kendoWindow")
    .center().open();
kendoWindow
    .find(".delete-confirm")
    .click(function () {
        kendoWindow.data("kendoWindow").close();
        destroyItem();
    })
   .end();
kendoWindow
    .find(".delete-cancel")
    .click(function () {
        kendoWindow.data("kendoWindow").close();
    })
   .end();

知道我做错了什么吗？

谢谢

Answer 1

听起来你应该只初始化一次对话框（创建它并添加你的处理程序）。然后每次您需要对话框显示时，您只调用您的

kendoWindow.data("kendoWindow").center().open();

代码行。看起来每次打开对话框时，它都会添加新的单击 hanlder，以前的处理程序和新处理程序都将在 click 事件中调用。