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 相关文章推荐
用javascript实现的图片马赛克后显示并切换加文字功能
Apr 21 Javascript
js动态在form上插入enctype=multipart/form-data的问题
May 24 Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
简单的分页代码js实现
May 17 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
js设置默认时间跨度过程详解
Jul 17 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
Element Card 卡片的具体使用
Jul 26 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实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
2017/08/18 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
XML的代替者----JSON
2007/07/21 Javascript
日期 时间js控件
2009/05/07 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
Python中if __name__ == &quot;__main__&quot;详细解释
2014/10/21 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python装饰器用法实例总结
2018/02/07 Python
利用pandas读取中文数据集的方法
2018/07/25 Python
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
Python基础教程之异常详解
2019/01/10 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
解决c++调用python中文乱码问题
2020/07/29 Python
python抢购软件/插件/脚本附完整源码
2021/03/04 Python
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
互联网电子商务专业毕业生求职信
2014/03/18 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
七年级数学教学反思
2016/02/17 职场文书
你会写请假条吗?
2019/06/26 职场文书
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python