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关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
javascript动态创建链接的方法
May 13 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
JS实现随机抽选获奖者
Nov 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
PHP笔记之:日期函数的使用介绍
2013/04/24 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
PHP实现微信发红包程序
2015/08/24 PHP
PHP调用其他文件中的类
2018/04/02 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
React如何避免重渲染
2018/04/10 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python更新列表的方法
2015/07/28 Python
Python中查看文件名和文件路径
2017/03/31 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
python写程序统计词频的方法
2019/07/29 Python
PyCharm2019安装教程及其使用(图文教程)
2019/09/29 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
Python 绘制可视化折线图
2020/07/22 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
职业生涯规划书的格式
2013/12/29 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
小班评语大全
2014/05/04 职场文书
比赛口号大全
2014/06/10 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书