首頁 > web前端 > js教程 > 主體

Jquery on綁定的事件 觸發多次實例代碼

高洛峰
發布: 2017-01-04 14:09:58
原創
1706 人瀏覽過

用‘on'函數為一個新增的按鈕綁定了一個事件,這是事件會觸發多次。

<html> 
<head> 
  <meta name="viewport" content="width=device-width" /> 
  <title>码上飘</title> 
  <script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script> 
  <script> 
    $(function(){ 
      $(&#39;#btn1&#39;).click(function () { 
        $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
          alert(123); 
        }); 
      }); 
    }) 
  </script> 
</head> 
<body> 
<input id="btn1" type="button" value="确认" /> 
<input id="btnBind" type="button" value="绑定按钮" /> 
</body> 
</html>
登入後複製

如上面的程式碼,如果你點擊多次'btn1'按鈕,那麼就會綁定多少次click事件到'btnBind'按鈕上,on是綁定多少次就觸發多少次的。

解決方案:

1.要想它只綁定一次,可以先'off'解綁然後再'on'。

$(&#39;#btnBind&#39;).off(&#39;click&#39;).on(&#39;click&#39;,function () { 
  alert(123); 
});
登入後複製

2.執行一次後解綁unbind()

$(&#39;#btn1&#39;).click(function () { 
    $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
      alert(123); 
    });<BR>     $("#btnBind").unbind("click") 
});
登入後複製

以上這篇Jquery on綁定的事件觸發多次實例代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家一個參考,也希望大家多多支援PHP中文網。

更多Jquery on綁定的事件 觸發多次實例代碼相關文章請關注PHP中文網!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!