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获取各种宽度、高度(format函数)实例
Mar 04 Javascript
自定义jQuery选项卡插件实例
Mar 27 Javascript
js中for in的用法示例解析
Dec 25 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
javascript this详细介绍
Sep 19 Javascript
AngularJS 过滤器(自带和自建)详解
Sep 19 Javascript
javascript匀速动画和缓冲动画详解
Oct 20 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
浅谈es6中的元编程
Dec 01 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 Smarty初体验二 获取配置信息
2011/08/08 PHP
取得父标签
2006/11/14 Javascript
可实现多表单提交的javascript函数
2007/08/01 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
python输入中文的实例方法
2020/09/14 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Python3+Flask安装使用教程详解
2021/02/16 Python
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
刑事附带民事代理词
2015/05/25 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
redis内存空间效率问题的深入探究
2021/05/17 Redis
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python