jquery无法为动态生成的元素添加点击事件的解决方法(推荐)


Posted in Javascript onDecember 26, 2016

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下:

(<li>中间的元素是动态生成的),

现在想为<i>添加点击事件,

例子如下:

<div>
  <ul>
    <li>
      <span>
        <i class='icon'>这是元素内容</i>   //i是动态生成
      </span>
    </li>
  </ul>
</div>

解决方法如下:

$(document).on('click', '.icon', function(e) {
 
 alert('i添加点击事件成功');
 
});

以上就是小编为大家带来的jquery无法为动态生成的元素添加点击事件的解决方法(推荐)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
firebug的一个有趣现象介绍
Nov 30 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
在vue中使用Echarts画曲线图的示例
Oct 03 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 #Javascript
浅谈JavaScript的计时器对象
Dec 26 #Javascript
js模糊查询实例分享
Dec 26 #Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 #Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 #Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 #Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 #Javascript
You might like
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
PHP的面试题集
2006/11/19 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
ci检测是ajax还是页面post提交数据的方法
2014/11/10 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
php操作access数据库的方法详解
2017/02/22 PHP
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
JavaScript数组排序功能简单实现
2020/05/14 Javascript
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
python简单获取数组元素个数的方法
2015/07/13 Python
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
搞清楚 Python traceback的具体使用方法
2019/05/13 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
Python的信号库Blinker用法详解
2020/12/31 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
一套比较完整的软件测试人员面试题
2012/05/13 面试题
情侣吵架检讨书
2014/02/05 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
买房协议书范本
2014/10/23 职场文书
免职通知
2015/04/23 职场文书
电影建国大业观后感
2015/06/01 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS
详解JAVA的控制语句
2021/11/11 Java/Android