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入门第一课 jQuery选择符
Mar 14 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
详解Vue-基本标签和自定义控件
Mar 24 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
js实现详情页放大镜效果
Oct 28 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基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
XENON基于JSON变种
2010/07/27 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
2019/04/15 Javascript
js实现简易计算器功能
2019/10/18 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
Python中的index()方法使用教程
2015/05/18 Python
python中实现精确的浮点数运算详解
2017/11/02 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
python实现顺序表的简单代码
2018/09/28 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
Python异常处理知识点总结
2019/02/18 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
Python猫眼电影最近上映的电影票房信息
2020/09/18 Python
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
中间件分为哪几类
2016/09/18 面试题
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
如何撰写岗位职责
2014/02/01 职场文书
运动会开幕式解说词
2014/02/05 职场文书
书法大赛策划方案
2014/06/04 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书