ajax更新數(shù)據(jù)后，jquery、jq失效問題
更新時間：2011年03月16日 23:53:03 作者：
這問題遇到兩次，竟然忘記了。所以說不要關(guān)抄人家的方法，要多研究下?，F(xiàn)在做個記錄...
給元素綁定click事件 ，但是遇到一個問題 就是 當我執(zhí)行一些ajax請求后 這個click事件就失效了
比如說 我的分頁是一個ajax請求 但我點下一頁時 后生成的元素a就沒有了click事件了
其實 原因很簡單
ajax加載內(nèi)容是在$(document).ready()之后的操作，這個時候給綁定函數(shù)的時候，找到的元素集合中還不包括ajax加載的內(nèi)容，所以原來的沒有問題，后加載的就沒有綁定
解決方法 有兩個 ：
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加載內(nèi)容是在$(document).ready()之后的操作，這個時候給綁定函數(shù)的時候，找到的元素集合中還不包括ajax加載的內(nèi)容，所以原來的沒有問題，后加載的就沒有綁定
解決方法 有兩個 ：
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就不支持 只能重新綁定
相關(guān)文章
jQuery插件zTree實現(xiàn)的基本樹與節(jié)點獲取操作示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)的基本樹與節(jié)點獲取操作,結(jié)合實例形式分析了jQuery樹形插件zTree構(gòu)造基本樹與針對節(jié)點的獲取操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
分享10篇優(yōu)秀的jQuery幻燈片制作教程及應用案例
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果。2011-04-04
這篇文章主要介紹了jquery實現(xiàn)點擊空白處隱藏元素div等方法和實現(xiàn)代碼的講解，一起學習下。2017-12-12
用jquery設置按鈕的disabled屬性的實現(xiàn)代碼
在html標簽中設置按鈕被禁用，可以使用如下代碼2010-11-11
jquery 設置元素相對于另一個元素的top值(實例代碼)
在jquery中offset().top是相對于body來說的，另外在設置top值的時候要找到與該元素最近的有相對值的元素2013-11-11
這篇文章主要介紹了jQuery中:checked選擇器用法,實例分析了:checked選擇器的功能、定義及選取選中的復選框或單選按鈕時的使用技巧,需要的朋友可以參考下2015-01-01
40個有創(chuàng)意的jQuery圖片、內(nèi)容滑動及彈出插件收藏集之一
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片，并且用戶可以點擊左右按鈕來切換圖片。相信大家都知道jQuery是最優(yōu)秀的Javascript框架之一2011-12-12
jquery表格內(nèi)容篩選實現(xiàn)思路及代碼
基于jquery實現(xiàn)表格內(nèi)容篩選，本文采用兩種方式實現(xiàn)，感興趣的朋友可以參考下哈，希望對你學習jquery篩選有所幫助2013-04-04
判斷對象是否Window的實現(xiàn)代碼，需要的朋友可以參考下。2012-01-01
jQuery拖拽div,利用jquery的mousemove，mousedown，mouseup三個事件,需要的朋友可以參考下2014-02-02