ajax更新数据后,jquery、jq失效问题_Javascript教程-查字典教程网
ajax更新数据后,jquery、jq失效问题
ajax更新数据后,jquery、jq失效问题
发布时间:2016-12-30 来源:查字典编辑
摘要:给元素绑定click事件,但是遇到一个问题就是当我执行一些ajax请求后这个click事件就失效了比如说我的分页是一个ajax请求但我点下一...

给元素绑定click事件 ,但是遇到一个问题 就是 当我执行一些ajax请求后 这个click事件就失效了

比如说 我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了click事件了

其实 原因很简单

ajax加载内容是在$(document).ready()之后的操作,这个时候给绑定函数的时候,找到的元素集合中还不包括ajax加载的内容,所以原来的没有问题,后加载的就没有绑定

解决方法 有两个 :

1. 在ajax请求成功之后重新绑定

2. 用live方法

复制代码 代码如下:

<script type="text/javascript">

<>

</script>

两种方法适用在不同的场合

如果是处理事件的话 可以用live

如果是其他一些处理方法的 live就不支持 只能重新绑定

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类