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

2021-07-03 04:15:09 字數 701 閱讀 3779

今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。

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

**定義和用法**

on() 方法在被選元素及子元素上新增乙個或多個事件處理程式。

自 jquery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。該方法給 api 帶來很多便利,我們推薦使用該方法,它簡化了 jquery **庫。

注意:使用 on() 方法新增的事件處理程式適用於當前及未來的元素(比如由指令碼建立的新元素)。

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

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

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

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

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

語法 selector on event,childselector,data,function event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值,也可以是陣列。必須是有效的事件。childselector 可選。規定只能新增到指定的子元素上的事件處理程式 且不...