2015年12月3日 星期四

[Jquery]重複註冊事件

今天使用bootstrap modal,發現重複註冊事件,點擊刪除按鈕後會有確認視窗,關閉確認視窗
再點擊刪除按鈕後,確認視窗的"是"按鈕(btnDelete)會累加執行click事件,
解決方法在每次click時將事件取消註冊,使用unbind即可。

已下圖為例。
刪除按鈕由後端動態生成
<button id="btnDeletechangeOut4" onclick="Delete(4)" type="button" class="btnDeletechangeOut btn btn-primary btn-sm">刪除</button>

然後呼叫function去做處理
function Delete(id) {
    $("#divDelete").modal({ backdrop: "static" });
         $("#btnDelete").on("click", function () {
              //刪除資料
            });
            $('#btnDelete').unbind();
        });
}


沒有留言:

張貼留言

Visual Studio JS intellisense 失效解決方式

  試了好久,發現到工具>選項>IntelliCode js項目設定啟用,重新開啟VS就正常了! 後來發現是TypeScript3.2版有問題停用,使用4.3版的TypeScript即可