1. 程式人生 > >【JQuery-02】事件繫結多次造成多次執行

【JQuery-02】事件繫結多次造成多次執行

問題描述:必現。先刪除A記錄,再新增A記錄,再刪除B記錄時,會連同AB一起刪除。

原因: 在彈出確認是否刪除的對話方塊中,註冊的事件{記錄id,如果點選確定則刪除該id對應的記錄;},該modaldialog一直在dom中,每刪除一次就會繫結一次。

A已經被刪除,但是對應的事件【當點選確定時,獲取A的id,刪除A的記錄】並沒有被清除,所以下次觸發刪除其它的確定按鈕時,還是會觸發刪除A事件的trigger。

解決方法:

在每次繫結確定事件時,先清除繫結事件,再繫結事件;

$("#btnDeleteUsers").off("click").on("click",function(e)
{

註冊事件使用.one()事件,表示只觸發一次。

$("#btnDeleteUsers").one("click",function(){