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

时间:2012-11-30 19:30:07

标签: javascript jquery kendo-ui

我正在使用名为Kendo UI的telerik的jQuery软件来创建模态弹出窗口。我对Kendo模式弹出框有一个相当奇怪的问题,其中包含"确认" /"取消"确认。我第一次打开确认窗口&单击任一按钮(确认或取消),窗口正常工作。第二次打开这个弹出窗口&点击一个按钮,我的剑道"点击"事件发生两次。第三次打开窗口时,点击事件会触发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();

知道我做错了吗?

由于

1 个答案:

答案 0 :(得分:3)

听起来你应该只对对话框初始化一次(创建它并添加你的处理程序)。然后,每当您需要对话框显示只打电话给您

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

代码行。看起来每次打开对话框时都会添加一个新的click hanlder,并且会在click事件中调用前面的处理程序和新的处理程序。