快捷導(dǎo)航

jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)

更新時(shí)間：2016年12月26日 10:43:09 投稿：jingxian

下面小編就為大家?guī)?lái)一篇jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦

遇到 jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件，谷歌一下，整理一下解決方法如下：

（<li>中間的元素是動(dòng)態(tài)生成的），

現(xiàn)在想為<i>添加點(diǎn)擊事件，

例子如下：

<div>
  <ul>
    <li>
      <span>
        <i class='icon'>這是元素內(nèi)容</i>   //i是動(dòng)態(tài)生成
      </span>
    </li>
  </ul>
</div>

解決方法如下：

$(document).on('click', '.icon', function(e) {
 
 alert('i添加點(diǎn)擊事件成功');
 
});

以上就是小編為大家?guī)?lái)的jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

jQuery 事件隊(duì)列調(diào)整方法
如何為已經(jīng)綁定A事件的對(duì)象添加B事件，由B事件判斷A事件是否觸發(fā)
2009-09-09
JQuery FlexiGrid的asp.net完美解決方案 dotNetFlexGrid-.Net原生的異步表格控件
dotNetFlexGrid是一款dotNet原生的異步表格控件，他的前身是Jquery FlexiGrid插件，我們重構(gòu)了FlexiGrid的大部分Javascript代碼，使其工作的更有效率，BUG更少；同時(shí)將其封裝為dotNet控件，提供了簡(jiǎn)單易用的使用方式。
2010-09-09
基于JQuery的數(shù)字改變的動(dòng)畫效果--可用來(lái)做計(jì)數(shù)器
之前用javascript做個(gè)計(jì)數(shù)器，從網(wǎng)上搜了搜，找不到合適的，就想著用jquery自己做一個(gè)
2010-08-08
Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過(guò)當(dāng)前行)效果實(shí)例
Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過(guò)當(dāng)前行)效果實(shí)例，需要的朋友可以參考一下
2013-06-06
jQuery中:file選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:file選擇器用法,實(shí)例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery設(shè)置div一直在頁(yè)面頂部顯示的方法
如何讓div一直在頁(yè)面頂部，這種類似的效果大家都有見過(guò)的，實(shí)現(xiàn)的方法也有很多，在本文為大家詳細(xì)介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10
jquery顯示隱藏元素的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇jquery顯示隱藏元素的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
PHP+jQuery實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置
本文講解了如何采用PHP+MySQL+jQuery,實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置。十分的實(shí)用，有需要的小伙伴可以參考下。
2015-04-04
jQuery+CSS實(shí)現(xiàn)的標(biāo)簽頁(yè)效果示例【測(cè)試可用】
這篇文章主要介紹了jQuery+CSS實(shí)現(xiàn)的標(biāo)簽頁(yè)效果,涉及基于jQuery的事件綁定、頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-08-08
jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
這篇文章主要介紹了jQuery模擬360瀏覽器切屏效果幻燈片,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-01-01