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 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 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 随机生成10位字符代码
2009/03/26 PHP
php中$this-&amp;gt;含义分析
2009/11/29 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
不错的JS中变量相关的细节分析
2007/08/13 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
简单实现python数独游戏
2018/03/30 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
Python中字符串与编码示例代码
2019/05/20 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
Python tkinter实现日期选择器
2021/02/22 Python
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
财务会计专业个人求职信范本
2014/01/08 职场文书
家具促销活动方案
2014/02/16 职场文书
自动一体化专业求职信
2014/03/15 职场文书
安全保证书范文
2014/04/29 职场文书
授权委托书(完整版)
2014/09/10 职场文书
维稳工作情况汇报
2014/10/27 职场文书
教师求职自荐信范文
2015/03/04 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
涨价通知怎么写
2015/04/23 职场文书
车辆安全隐患排查制度
2015/08/05 职场文书
详细介绍python类及类的用法
2021/05/31 Python
Python爬虫实战之爬取携程评论
2021/06/02 Python
KVM基础命令详解
2022/04/30 Servers