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

Question

我正在使用 Telerik 的名为 Kendo UI 的 jQuery 软件来创建模式弹出窗口。我在使用 Kendo 模式弹出框时遇到了一个相当奇怪的问题，其中包含一个 "Confirm"/"Cancel" 确认。我第一次打开确认窗口并单击任一按钮(确认或取消)时，窗口工作正常。我第二次打开此弹出窗口并单击一个按钮时，我的 Kendo 的 click 事件触发了两次。第三次打开窗口时，点击事件触发了 3 次，等等。我不明白为什么。它应该只触发一次。

这是我的 JS 代码。在 Confirm 和 Cancel 部分中触发两次的点击函数，从 .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();

代码行。看起来每次打开对话框都会添加一个新的点击处理程序，之前的处理程序和新的处理程序都将在点击事件上被调用。