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 相关文章推荐
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
JavaScript中的await/async的作用和用法
Oct 31 Javascript
详解react如何在组件中获取路由参数
Jun 15 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
Apr 30 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
浅谈es6中的元编程
Dec 01 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
基于php权限分配的实现代码
2013/04/28 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
CI框架源码解读之利用Hook.php文件完成功能扩展的方法
2016/05/18 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
如何使用puppet替换文件中的string
2018/12/06 Javascript
JavaScript this绑定过程深入详解
2018/12/07 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
javascript实现计算器功能
2020/03/30 Javascript
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python 远程统计文件代码分享
2015/05/14 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
党的群众路线教育实践方案
2014/05/11 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
新手必备Python开发环境搭建教程
2021/05/28 Python
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS