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 相关文章推荐
JSON 学习之完全手册 图文
May 29 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
window resize和scroll事件的基本优化思路
Apr 29 Javascript
JavaScript 浏览器对象模型BOM使用介绍
Apr 13 Javascript
JQuery插件jcarousellite的参数中文说明
May 11 Javascript
jQuery Real Person验证码插件防止表单自动提交
Nov 06 Javascript
vue-dialog的弹出层组件
May 25 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
vue实现点击追加选中样式效果
Nov 01 Javascript
详解Vue 单文件组件的三种写法
Feb 19 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
JS变量提升及函数提升实例解析
Sep 03 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编程开发“虚拟域名”系统
2006/10/09 PHP
在命令行下运行PHP脚本[带参数]的方法
2010/01/22 PHP
PHP中返回引用类型的方法
2015/04/03 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
2011/03/05 Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
2014/01/13 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
微信小程序自定义组件components(代码详解)
2019/10/21 Javascript
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
python yield关键词案例测试
2019/10/15 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
一年级语文教学反思
2014/02/13 职场文书
先进工作者申报材料
2014/12/23 职场文书
素质教育学习心得体会
2016/01/19 职场文书
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS