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 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
vue+element实现打印页面功能
May 20 Javascript
Vue中nprogress页面加载进度条的方法实现
Nov 13 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 批量更新网页内容实现代码
2010/01/05 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
Python中模块与包有相同名字的处理方法
2017/05/05 Python
Python代码实现KNN算法
2017/12/20 Python
python 识别图片中的文字信息方法
2018/05/10 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
Python虚拟环境的创建和使用详解
2020/09/07 Python
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
Nixon手表英国官网:美国尼克松手表品牌
2020/02/10 全球购物
Java基础类库面试题
2013/09/04 面试题
中学教师实习自我鉴定
2013/09/28 职场文书
关于期中考试的反思
2014/02/02 职场文书
个人四风对照检查材料
2014/09/26 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
2014年班务工作总结
2014/12/02 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
导游词之山东八大关
2019/12/18 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
Python字符串格式化方式
2022/04/07 Python