1. 程式人生 > >####jquery click點選一次執行兩次解決方法【遇到】【解決(先接觸繫結,再繫結):$('#addImg').unbind('click').click(function () {})】

####jquery click點選一次執行兩次解決方法【遇到】【解決(先接觸繫結,再繫結):$('#addImg').unbind('click').click(function () {})】

====專案例項:

 <%--$("body").on("click", "#toggle-button${activityDTO.id}", function (e) {--%> // 一次點選兩次觸發事件
  <%--$("body").on("click", "#switchStatus${activityDTO.id}", function (e) {--%>
$("#toggle-button${activityDTO.id}").unbind('click').click( function (e) {// 【換種方式,先解綁。好了】一次點選兩次觸發事件
                                                              // 一次點選兩次觸發事件


=====

參考:https://blog.csdn.net/ydm19891101/article/details/70236571

早上發現昨天還執行好好的微信jssdk上傳圖片出問題了,點選上傳圖片會出現兩次上傳圖片彈出框。在頁面內除錯發現是選擇上傳圖片介面執行了兩次。百度了一下,暫時沒人遇到過jssdk重複上傳圖片的問題。OK,那問題就可能是出在單擊事件中了。問題找打了,那如何解決呢?網上找到了一個好的方法:解除繫結,具體使用如下

  1. $( '#addImg').unbind( 'click').click( function
    ()
    {
  2. ...
  3. });

在每次點選事件執行之前先把之前繫結的點選事件解除掉,使用該方法成功解決問題。

小問題,大學問,在此記錄方便以後查閱。