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中的面向对象介绍
Jun 30 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
JavaScript 对象字面量讲解
Jun 06 Javascript
纯javascript版日历控件
Nov 24 Javascript
学习vue.js条件渲染
Dec 03 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
JavaScript实现复选框全选和取消全选
Nov 20 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
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
JavaScript Array对象基本方法详解
2019/09/03 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
Django实现分页显示效果
2019/10/31 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
python文件读取失败怎么处理
2020/06/23 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
如何写一份好的自荐信
2014/01/02 职场文书
创意活动策划书
2014/01/15 职场文书
大四优秀党员个人民主评议
2014/09/19 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
实战Python爬虫爬取酷我音乐
2022/04/11 Python