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)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

jQuery 事件隊列調(diào)整方法
如何為已經(jīng)綁定A事件的對象添加B事件，由B事件判斷A事件是否觸發(fā)
2009-09-09
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-08
Jquery實現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過當(dāng)前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過當(dāng)前行)效果實例，需要的朋友可以參考一下
2013-06-06
jQuery中:file選擇器用法實例
這篇文章主要介紹了jQuery中:file選擇器用法,實例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery設(shè)置div一直在頁面頂部顯示的方法
如何讓div一直在頁面頂部，這種類似的效果大家都有見過的，實現(xiàn)的方法也有很多，在本文為大家詳細(xì)介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友不要錯過
2013-10-10
jquery顯示隱藏元素的實現(xiàn)代碼
下面小編就為大家?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)的標(biāo)簽頁效果示例【測試可用】
這篇文章主要介紹了jQuery+CSS實現(xiàn)的標(biāo)簽頁效果,涉及基于jQuery的事件綁定、頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2018-08-08
jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-01-01