欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery on方法綁定事件后執(zhí)行多次的解決方法

 更新時(shí)間：2016年06月02日 11:04:03   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇Jquery on方法綁定事件后執(zhí)行多次的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

這兩天工作中遇到使用js動(dòng)態(tài)加載內(nèi)容，同時(shí)需要對(duì)加入的內(nèi)容綁定點(diǎn)擊事件的，當(dāng)時(shí)想想了想可以使用內(nèi)聯(lián)的onclick 來(lái)實(shí)現(xiàn)，后來(lái)沒(méi)有這樣做，使用的是 on(‘click',function(){}) ,然而使用on方法的時(shí)候就發(fā)現(xiàn)，on 對(duì)同一個(gè)元素多次綁定同一個(gè)事件的時(shí)候，這個(gè)事件就會(huì)執(zhí)行多次。

下面給出這種情況的實(shí)例：

$(function(){
  $(".add").click(function(eve){
   $(".btn-area").append("<button class='test-btn'>test button</button>");
   //$(".test-btn").off("click");
   $(".test-btn").on("click",function(){
    console.log("test button .....");
   });
  });
});

在點(diǎn)擊add按鈕的添加測(cè)試按鈕，測(cè)試按鈕綁定點(diǎn)擊事件，console 臺(tái)輸出一句話。

執(zhí)行結(jié)果如下：

很明顯，第一個(gè)按鈕點(diǎn)擊之后執(zhí)行了5次。

遇到這種情況需要在每次綁定事件之前，對(duì)該事件解綁，也就是 $(“.test-btn”).off(“click”); ，off方法解綁。

以上這篇Jquery on方法綁定事件后執(zhí)行多次的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論