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 相关文章推荐
摘自百度的图片轮换效果代码
Nov 19 Javascript
js每次Title显示不同的名言
Sep 25 Javascript
JavaScript Event学习第四章 传统的事件注册模型
Feb 07 Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
浅析js封装和作用域
Jul 09 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
JavaScript实现移动端拖动元素
Nov 24 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创建动态图像
2006/10/09 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
10条php编程小技巧
2015/07/07 PHP
php常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】
2016/12/07 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
Angular4.0动画操作实例详解
2019/05/10 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
Vue调用后端java接口的实例代码
2019/10/28 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
低版本中Python除法运算小技巧
2015/04/05 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
python获取地震信息 微信实时推送
2019/06/18 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
python让函数不返回结果的方法
2020/06/22 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
12月红领巾广播稿
2014/02/13 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
师范生见习报告
2014/10/31 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书