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 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
Jun 03 Javascript
jQuery  ready方法实现原理详解
Oct 19 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
js实现飞机大战游戏
Aug 26 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 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/11/19 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
Bootstrap每天必学之弹出框(Popover)插件
2016/04/25 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
Python中分数的相关使用教程
2015/03/30 Python
Python中内建函数的简单用法说明
2016/05/05 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
Python中函数参数匹配模型详解
2019/06/09 Python
Python列表解析操作实例总结
2020/02/26 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
什么是Remote Module
2016/06/10 面试题
四个太阳教学反思
2014/02/01 职场文书
小学生纪念九一八事变演讲稿
2014/09/14 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
工会文体活动总结
2015/05/07 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers
MySQL的join buffer原理
2021/04/29 MySQL
Redis三种集群模式详解
2021/10/05 Redis
Python读写yaml文件
2022/03/20 Python