ajax更新数据后,jquery、jq失效问题


Posted in Javascript onMarch 16, 2011

给元素绑定click事件 ,但是遇到一个问题 就是 当我执行一些ajax请求后 这个click事件就失效了

比如说 我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了click事件了

其实 原因很简单

ajax加载内容是在$(document).ready()之后的操作,这个时候给绑定函数的时候,找到的元素集合中还不包括ajax加载的内容,所以原来的没有问题,后加载的就没有绑定

解决方法 有两个 :

1. 在ajax请求成功之后重新绑定
2. 用live方法

<script type="text/javascript"> 
<!-- 
jQuery(document).ready(function(){ 
jQuery(".brand li img").live('click',function(){ jQuery(this).parents("li").find("ul").slideToggle(); 
}); 
}); 
--> 
</script>

两种方法适用在不同的场合

如果是处理事件的话 可以用live
如果是其他一些处理方法的 live就不支持 只能重新绑定

Javascript 相关文章推荐
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
微信JS接口大全
Aug 25 Javascript
javascript基础知识讲解
Jan 11 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
Vue制作Todo List网页
Apr 26 Javascript
微信小程序开发中的疑问解答汇总
Jul 03 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
微信小程序之批量上传并压缩图片的实例代码
Jul 05 Javascript
一个手写的vue放大镜效果
Aug 09 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
初识JQuery 实例一(first)
Mar 16 #Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 #Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 #Javascript
jQuery前台数据获取实现代码
Mar 16 #Javascript
最短的IE判断代码
Mar 13 #Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 #Javascript
js中巧用cssText属性批量操作样式
Mar 13 #Javascript
You might like
用PHP读取RSS feed的代码
2008/08/01 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
新手简单了解vue
2019/05/29 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
[01:32]2016国际邀请赛中国区预选赛IG战队首日赛后采访
2016/06/27 DOTA
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
Python3中的json模块使用详解
2018/05/05 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
keras实现图像预处理并生成一个generator的案例
2020/06/17 Python
python中not、and和or的优先级与详细用法介绍
2020/11/03 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
计算机专业个人简短的自我评价
2013/10/23 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
异地年检委托书范本
2014/09/24 职场文书
反邪教警示教育活动总结
2015/05/09 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
Docker下安装Oracle19c
2022/04/13 Servers