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 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
lib.utf.js
Aug 21 Javascript
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
js实现的常用的左侧导航效果
Oct 17 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
web打印小结
Jan 11 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
Vue设置长时间未操作登录自动到期返回登录页
Jan 22 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 Javascript
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
FirePHP 推荐一款PHP调试工具
2011/04/23 PHP
php广告加载类用法实例
2014/09/23 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
python 判断一个进程是否存在
2009/04/09 Python
python构建自定义回调函数详解
2017/06/20 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
幼儿园清明节活动总结
2014/07/04 职场文书
4s店活动策划方案
2014/08/25 职场文书
大明湖导游词
2015/02/03 职场文书
毕业设计致谢词
2015/05/14 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS