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去掉字符串里的所有空格
Feb 08 Javascript
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
javascript的函数作用域
Nov 12 Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 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/03 日漫
PHP实现数组递归转义的方法
2014/08/28 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
CI(CodeIgniter)框架视图中加载视图的方法
2017/03/24 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
Prototype Number对象 学习
2009/07/19 Javascript
javascript 实现map集合
2015/04/03 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
详解使用nvm安装node.js
2017/07/18 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
js实现限定区域范围拖拉拽效果
2020/11/20 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
部署Python的框架下的web app的详细教程
2015/04/30 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
利用4行Python代码监测每一行程序的运行时间和空间消耗
2020/04/22 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
opencv读取视频并保存图像的方法
2021/06/04 Python
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
MySQL常用慢查询分析工具详解
2022/08/14 MySQL