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 keycode总结
Feb 04 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
浅谈jQuery为哪般去掉了浏览器检测
Aug 29 Javascript
JS实现简单易用的手机端浮动窗口显示效果
Sep 07 Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
javascript实现智能手环时间显示
Sep 18 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
php中一个完整表单处理实现代码
2011/11/10 PHP
php实现12306余票查询、价格查询示例
2014/04/17 PHP
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
jquery获取radio值实例
2014/10/16 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
React性能优化系列之减少props改变的实现方法
2019/01/17 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
最大K个数问题的Python版解法总结
2016/06/16 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
Python初学者常见错误详解
2019/07/02 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
pytorch forward两个参数实例
2020/01/17 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
为什么要用EJB
2014/04/17 面试题
项目经理的岗位职责
2013/11/23 职场文书
杠杆的科学教学反思
2014/01/10 职场文书
超级搞笑检讨书
2014/01/15 职场文书
个人批评与自我批评
2014/10/15 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
导游词之唐山景点
2019/12/18 职场文书
z-index不起作用
2021/03/31 HTML / CSS
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android