動態新增的元素,繫結事件後點選一次觸發多次問題

2022-06-25 02:12:10 字數 548 閱讀 7733

使用js動態新增的元素,在html中寫好的繫結事件不可用,可用以下方式觸發

動態新增多個的html元素
addcell:function ()

此時呼叫addcell方法無效,只能通過dom繫結,此時方法可正常觸發

$('body').on('click','.delcell',function

() );

部分頁面會出現新的問題,若方法中需要呼叫介面會發現點選一次介面被多次呼叫,出現這種問題是事件多次繫結導致,可在繫結事件前解綁元素

$(".delcell").unbind('click').click(function(){});
$('body').on('click','.delcell',function() );

若新增解綁事件扔會出現重複觸發現象,可用閉包實現,閉包可以儲存變數

for(var i=0;i<$(".delcell").length;i++)

})(i);

}

jQuery動態新增的元素繫結事件

今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。jquery中繫結事件一般使用bind,或者click,但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在...

jquery給動態新增的元素繫結事件

jquery給動態新增的元素繫結事件的方法 jquery中繫結事件一般使用bind,或者click,但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在1.7版本以前使用live。但是在1.8版本以後推薦使用on。需要給jquery 1.7版以前使用live動態繫結事件 ...

Jquery 為動態新增元素繫結事件

有一段時間沒用jquery了,今天又碰到這個問題。當時是知道有livejquery可以解決。但是我並不喜歡為了這個而另外載入乙個。我當時的處理方法是在新增的時候手工繫結事件處理函式。不過新版的jquery已經新增了這個功能。我們已經不需要為此煩惱了。參考 以前我們定義事件,比如為元素定義單擊事件是這...