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 解析url的search方法
Feb 09 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
jQuery中绑定事件bind() on() live() one()的异同
Feb 23 Javascript
详解Angular 4.x Injector
May 04 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
详解JS数值Number类型
Feb 07 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
序列化模块json代码实例详解
Mar 03 Javascript
JS实现canvas简单小画板功能
Jun 23 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
dedecms模板标签代码官方参考
2007/03/17 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
Vue.use源码分析
2017/04/22 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python入门篇之面向对象
2014/10/20 Python
python实现读取命令行参数的方法
2015/05/22 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
python生成excel的实例代码
2017/11/08 Python
python实现C4.5决策树算法
2018/08/29 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
Python中Selenium库使用教程详解
2020/07/23 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
饮料业务员岗位职责
2013/12/15 职场文书
化妆师职业生涯规划书
2014/02/16 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
个人贷款收入证明
2014/10/26 职场文书
环卫工作个人总结
2015/03/04 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python