我正在使用名为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();
知道我做错了吗?
由于
答案 0 :(得分:3)
听起来你应该只对对话框初始化一次(创建它并添加你的处理程序)。然后,每当您需要对话框显示只打电话给您
时kendoWindow.data("kendoWindow").center().open();
代码行。看起来每次打开对话框时都会添加一个新的click hanlder,并且会在click事件中调用前面的处理程序和新的处理程序。