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 相关文章推荐
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
node.js中的events.emitter.listeners方法使用说明
Dec 10 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
Vue中计算属性computed的示例解读
Jul 26 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
vue实现图书管理系统
Dec 29 Vue.js
初识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
cakephp打印sql语句的方法
2015/02/13 PHP
php两种无限分类方法实例
2015/04/21 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
javascript中常用编程知识
2013/04/08 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
jQuery实现回到顶部效果
2020/10/19 jQuery
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
Python读取word文本操作详解
2018/01/22 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
荟萃全球保健品:维他购
2018/05/09 全球购物
医学院校毕业生自荐信范文
2014/01/01 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
《西门豹》教学反思
2016/02/23 职场文书
安全生产协议书
2016/03/22 职场文书