jquery無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)
遇到 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)容了,希望大家多多支持腳本之家~
相關(guān)文章
JQuery FlexiGrid的asp.net完美解決方案 dotNetFlexGrid-.Net原生的異步表格控件
dotNetFlexGrid是一款dotNet原生的異步表格控件,他的前身是Jquery FlexiGrid插件,我們重構(gòu)了FlexiGrid的大部分Javascript代碼,使其工作的更有效率,BUG更少;同時將其封裝為dotNet控件,提供了簡單易用的使用方式。2010-09-09基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
之前用javascript做個計數(shù)器,從網(wǎng)上搜了搜,找不到合適的,就想著用jquery自己做一個2010-08-08Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例,需要的朋友可以參考一下2013-06-06PHP+jQuery實現(xiàn)隨意拖動層并即時保存拖動位置
本文講解了如何采用PHP+MySQL+jQuery,實現(xiàn)隨意拖動層并即時保存拖動位置。 十分的實用,有需要的小伙伴可以參考下。2015-04-04jQuery+CSS實現(xiàn)的標簽頁效果示例【測試可用】
這篇文章主要介紹了jQuery+CSS實現(xiàn)的標簽頁效果,涉及基于jQuery的事件綁定、頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應(yīng)鼠標事件動態(tài)操作頁面元素樣式的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01