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 相关文章推荐
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 Javascript
浅谈node.js中间件有哪些类型
Apr 29 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
isset和empty的区别
2007/01/15 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
tp5框架使用cookie加密算法实现登录功能示例
2020/02/10 PHP
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
微信小程序 for 循环详解
2016/10/09 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
Python中的迭代器漫谈
2015/02/03 Python
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python 基础教程之Map使用方法
2017/01/17 Python
python写一个md5解密器示例
2018/02/23 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
pandas中ix的使用详细讲解
2020/03/09 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
顶岗实习计划书
2014/01/10 职场文书
高中生的自我鉴定范文
2014/01/24 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
pytest配置文件pytest.ini的详细使用
2021/04/17 Python
PyTorch中的torch.cat简单介绍
2022/03/17 Python
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android