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 相关文章推荐
window.navigate 与 window.location.href 的使用区别介绍
Sep 21 Javascript
jsPDF导出pdf示例
May 02 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
javascript查询字符串参数的方法
Jan 28 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
JS 拦截全局ajax请求实例解析
Nov 29 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
JS中如何优雅的使用async await详解
Oct 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
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
可输入的下拉框
2006/06/19 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
2015/08/10 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
优雅的在React项目中使用Redux的方法
2018/11/10 Javascript
python数据结构树和二叉树简介
2014/04/29 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
Python正则表达式使用经典实例
2016/06/21 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
python生成requirements.txt的两种方法
2019/09/18 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
成人大专自我鉴定范文
2013/10/19 职场文书
园林施工员岗位职责
2013/12/11 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
给全校老师的建议书
2014/03/13 职场文书
学校三节实施方案
2014/06/09 职场文书
创建文明城市标语
2014/06/16 职场文书
生产助理岗位职责
2014/06/18 职场文书
商场收银员岗位职责
2015/04/07 职场文书
同意报考公务员证明
2015/06/17 职场文书
一文搞懂php的垃圾回收机制
2021/06/18 PHP