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 相关文章推荐
字符串的replace方法应用浅析
Dec 06 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
实例教学如何写vue插件
Nov 30 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
关于vue面试题汇总
Mar 20 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
Feb 28 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 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
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
js 学习笔记(三)
2009/12/29 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
JavaScript中的原型prototype完全解析
2016/05/10 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
深入解析Python中的__builtins__内建对象
2016/06/21 Python
python 异常处理总结
2016/10/18 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
python通过cython加密代码
2020/12/11 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
phpquery中文手册
2021/03/18 PHP
如何在存储过程中使用Loop
2016/01/05 面试题
什么是Assembly(程序集)
2014/09/14 面试题
房地产开盘策划方案
2014/02/10 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
Python PIL按比例裁剪图片
2022/05/11 Python