ajax更新数据后，jquery、jq失效问题
更新时间：2011年03月16日 23:53:03 作者：
这问题遇到两次，竟然忘记了。所以说不要关抄人家的方法，要多研究下。现在做个记录...
给元素绑定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就不支持 只能重新绑定
比如说 我的分页是一个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就不支持 只能重新绑定
相关文章
本文给大家汇总介绍的是jquery单行滚动、批量多行滚动、文字图片翻屏滚动效果代码，都是分厂常用的一些文字以及图文的无缝滚动特效，希望能够对大家熟悉jQuery有所帮助。2015-06-06
这篇文章主要介绍了jQuery插件制作之参数用法,以实例形式较为详细的分析了jQuery插件制作过程中参数的相关使用技巧,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了jquery实现员工管理注册页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
如何为已经绑定A事件的对象添加B事件，由B事件判断A事件是否触发2009-09-09
这篇文章主要介绍了jQuery中map()方法用法,实例分析了map()方法的功能、定义及转换数组的使用技巧,需要的朋友可以参考下2015-01-01
下面小编就为大家带来一篇jquery实现简单的banner轮播效果【实例】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-03-03
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts实现的2D条状图效果,结合完整实例形式详细分析了jQuery插件HighCharts绘制2D条状图的操作步骤与相关属性设置技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
trim 函数在firefox 下面使用没有问题，但是在IE下就报错，下面是可行的解决方法，大家可以看看2014-09-09
这篇文章主要为大家详细介绍了jquery仿京东商品浏览页面，鼠标放在图片上实现放大效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
大家可能会遇到这种需求通过jquery获取被勾选的checked的那一行的3列和4列的值，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
最新评论