jquery動(dòng)態(tài)添加元素事件失效問題解決方法
更新時(shí)間：2014年05月23日 09:03:49 作者：
當(dāng)使用腳本動(dòng)態(tài)添加元素xxx時(shí)，但事件失效，最后使用jquery中on方法解決腳本動(dòng)態(tài)添加元素,需要的朋友可以參考下
今天在寫JQUERY時(shí)遇到個(gè)問題：當(dāng)使用腳本動(dòng)態(tài)添加元素xxx時(shí)，但事件$(".x .y").click(function)...失效問題。
剛開始網(wǎng)上找到了用live函數(shù)，方法如下：
事件綁定：$(".x .y").click(function) 需改為：
$(".x .y").live('click',function);
但是由于1.8版本后live這種方法不再支持，所以需要用下述jquery中on方法解決腳本動(dòng)態(tài)添加元素：
$(".y").on('click','.x',function);
剛開始網(wǎng)上找到了用live函數(shù)，方法如下：
事件綁定：$(".x .y").click(function) 需改為：
復(fù)制代碼 代碼如下:
$(".x .y").live('click',function);
但是由于1.8版本后live這種方法不再支持，所以需要用下述jquery中on方法解決腳本動(dòng)態(tài)添加元素：
復(fù)制代碼 代碼如下:
$(".y").on('click','.x',function);
您可能感興趣的文章:
- JQuery事件委托(適用于給動(dòng)態(tài)生成的腳本元素添加事件)
- Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過程解析
- jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
- jQuery如何獲取動(dòng)態(tài)添加的元素
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- Jquery對(duì)新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法
- jQuery動(dòng)態(tài)添加元素后元素注冊(cè)事件失效解決
相關(guān)文章
JQuery移動(dòng)頁面開發(fā)之屏幕方向改變與滾屏的實(shí)現(xiàn)
這篇文章主要介紹了JQuery移動(dòng)頁面開發(fā)之隨屏幕方向改變與滾屏的實(shí)現(xiàn),通過相關(guān)兩個(gè)事件的添加來達(dá)到響應(yīng)移動(dòng)設(shè)備上操作的效果,需要的朋友可以參考下2015-12-12
jQuery操作select下拉框的text值和value值的方法
這篇文章主要介紹了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以參考下2014-05-05
本篇文章主要介紹了jQuery中l(wèi)ayer分頁器的使用，實(shí)例介紹了layer分頁器的技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
一般情況下使用第二種方法是可以的，但是遇到表格行可以拖拽的情況，那么就會(huì)出現(xiàn)BUG了，這個(gè)自行測(cè)試就知道了。2011-06-06
JQuery彈出炫麗對(duì)話框的同時(shí)讓背景變灰色
這篇文章主要介紹JQuery實(shí)現(xiàn)彈出炫麗對(duì)話框的同時(shí)讓背景變灰色效果,需要的朋友可以參考下2014-05-05
jQuery實(shí)現(xiàn)批量判斷表單中文本框非空的方法(2種方法)
這篇文章主要介紹了jQuery實(shí)現(xiàn)批量判斷表單中文本框非空的方法,實(shí)例分析了2種實(shí)現(xiàn)判定非空的技巧,涉及jQuery頁面元素遍歷的相關(guān)技巧,需要的朋友可以參考下2015-12-12
本文為大家介紹下使用jquery改變class屬性的值，通過removeClass、addClass實(shí)現(xiàn)，具體如下，感興趣的朋友可以學(xué)習(xí)下2013-07-07
jQuery中使用each處理json數(shù)據(jù)
這篇文章主要介紹了jQuery中使用each處理json數(shù)據(jù),非常簡單實(shí)用，需要的朋友可以參考下2015-04-04
Javascript 使用ajax與C#獲取文件大小實(shí)例詳解
本文章向碼農(nóng)們介紹了js ajax獲取文件大小的實(shí)例,涉及JavaScript調(diào)用ajax交互及后臺(tái)C#文件操作的相關(guān)技巧,需要的朋友可以參考下2017-01-01
jQuery Flash/MP3/Video多媒體插件,主要是用來加載flash或mp3等網(wǎng)絡(luò)媒體文件。2010-01-01