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 UI CSS Framework开发Widget的经验
Aug 21 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
javaScript语法总结
Nov 25 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
javascript填充默认头像方法
Feb 22 Javascript
js中的数组对象排序分析
Dec 11 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
js实现3D旋转效果
Aug 18 Javascript
基于ant design日期控件使用_仅月份的操作
Oct 27 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源码之explode使用说明
2011/08/05 PHP
浅析PHP绘图技术
2013/07/03 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
PHP7 新增常量
2021/03/09 PHP
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
JavaScript通过事件代理高亮显示表格行的方法
2015/05/27 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
python实现淘宝购物系统
2019/10/25 Python
python序列化与数据持久化实例详解
2019/12/20 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
"引用"与指针的区别是什么
2016/09/07 面试题
残疾人小组计划书
2014/04/27 职场文书
领导班子对照检查材料
2014/09/22 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
新闻通讯稿模板
2015/07/22 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书