jquery無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)
更新時間：2016年12月26日 10:43:09 投稿：jingxian
下面小編就為大家?guī)硪黄猨query無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
遇到 jquery無法為動態(tài)生成的元素添加點擊事件，谷歌一下，整理一下解決方法如下：
（<li>中間的元素是動態(tài)生成的），
現(xiàn)在想為<i>添加點擊事件，
例子如下：
<div>
<ul>
<li>
<span>
<i class='icon'>這是元素內(nèi)容</i> //i是動態(tài)生成
</span>
</li>
</ul>
</div>
解決方法如下：
$(document).on('click', '.icon', function(e) {
alert('i添加點擊事件成功');
});
以上就是小編為大家?guī)淼膉query無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)全部內(nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關文章
如何為已經(jīng)綁定A事件的對象添加B事件，由B事件判斷A事件是否觸發(fā)2009-09-09
JQuery FlexiGrid的asp.net完美解決方案 dotNetFlexGrid-.Net原生的異步表格控件
dotNetFlexGrid是一款dotNet原生的異步表格控件，他的前身是Jquery FlexiGrid插件，我們重構了FlexiGrid的大部分Javascript代碼，使其工作的更有效率，BUG更少；同時將其封裝為dotNet控件，提供了簡單易用的使用方式。2010-09-09
基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
之前用javascript做個計數(shù)器，從網(wǎng)上搜了搜，找不到合適的，就想著用jquery自己做一個2010-08-08
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了jQuery中:file選擇器用法,實例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下2015-01-01
如何讓div一直在頁面頂部，這種類似的效果大家都有見過的，實現(xiàn)的方法也有很多，在本文為大家詳細介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友不要錯過2013-10-10
下面小編就為大家?guī)硪黄猨query顯示隱藏元素的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
PHP+jQuery實現(xiàn)隨意拖動層并即時保存拖動位置
本文講解了如何采用PHP+MySQL+jQuery,實現(xiàn)隨意拖動層并即時保存拖動位置。 十分的實用，有需要的小伙伴可以參考下。2015-04-04
jQuery+CSS實現(xiàn)的標簽頁效果示例【測試可用】
這篇文章主要介紹了jQuery+CSS實現(xiàn)的標簽頁效果,涉及基于jQuery的事件綁定、頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應鼠標事件動態(tài)操作頁面元素樣式的相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01