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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
nginx 设置多个站跨域
2021/03/09 Servers
DWR Ext 加载数据
2009/03/22 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
仿新浪微博返回顶部的jquery实现代码
2012/10/01 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
js单例模式的两种方案
2013/10/22 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Python List cmp()知识点总结
2019/02/18 Python
python如何统计代码运行的时长
2019/07/24 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
Weblogic的布署方式
2013/08/23 面试题
小学教师的自我评价范例
2013/10/31 职场文书
现场施工员岗位职责
2014/03/10 职场文书
单位活动策划方案
2014/08/17 职场文书
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
通知的格式范文
2015/04/27 职场文书
56句经典英文座右铭
2019/08/09 职场文书
分享几个实用的CSS代码块
2022/06/10 HTML / CSS