jquery动态添加元素事件失效问题解决方法


Posted in Javascript onMay 23, 2014

今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但事件$(".x .y").click(function)...失效问题。

刚开始网上找到了用live函数,方法如下:

事件绑定:$(".x .y").click(function) 需改为:

$(".x .y").live('click',function);

但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素:
$(".y").on('click','.x',function);
Javascript 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
Jquery中增加参数与Json转换代码
Nov 20 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
May 15 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
基于zTree树形菜单的使用实例
Dec 25 Javascript
详解vue3中组件的非兼容变更
Mar 03 Vue.js
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 #Javascript
浅谈JavaScript字符集
May 22 #Javascript
对new functionName()定义一个函数的理解
May 22 #Javascript
教你如何使用PHP输出中文JSON字符串
May 22 #Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 #Javascript
JS常用表单验证方法总结
May 22 #Javascript
You might like
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
SVG描边动画
2017/02/23 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
shiro授权的实现原理
2017/09/21 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
vue模块拖拽实现示例代码
2019/03/09 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
原生js实现分页效果
2020/09/23 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
centos7之Python3.74安装教程
2019/08/15 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
门卫岗位安全职责
2013/12/13 职场文书
营业员演讲稿
2013/12/30 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
护士求职信
2014/07/05 职场文书
师德师风主题教育活动总结
2015/05/07 职场文书
python 模拟在天空中放风筝的示例代码
2021/04/21 Python