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 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
javascript封装简单实现方法
Aug 11 Javascript
详解Bootstrap插件
Apr 25 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
JS之相等操作符详解
Sep 13 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
详解vue-router导航守卫
Jan 19 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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
mysql时区问题
2008/03/26 PHP
php正则表达式(regar expression)
2011/09/10 PHP
smarty中post用法实例
2014/11/28 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
php发送与接收流文件的方法
2015/02/11 PHP
php生成验证码,缩略图及水印图的类分享
2016/04/07 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
vue v-model的用法解析
2020/10/19 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
浅析Python函数式编程
2018/10/06 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
python scipy卷积运算的实现方法
2019/09/16 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
公务员个人自我评价分享
2013/11/06 职场文书
小学语文业务学习材料
2014/06/02 职场文书
关于教师节的广播稿
2014/09/10 职场文书
护理见习报告范文
2014/11/03 职场文书
2014年体育部工作总结
2014/11/13 职场文书
保护动物的宣传语
2015/07/13 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript