ajax更新數據后,jquery、jq失效問題
更新時間:2011年03月16日 23:53:03 作者:
這問題遇到兩次,竟然忘記了。所以說不要關抄人家的方法,要多研究下?,F在做個記錄...
給元素綁定click事件 ,但是遇到一個問題 就是 當我執(zhí)行一些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插件zTree實現的基本樹與節(jié)點獲取操作示例
這篇文章主要介紹了jQuery插件zTree實現的基本樹與節(jié)點獲取操作,結合實例形式分析了jQuery樹形插件zTree構造基本樹與針對節(jié)點的獲取操作相關實現技巧,需要的朋友可以參考下2017-03-03分享10篇優(yōu)秀的jQuery幻燈片制作教程及應用案例
jQuery 是一個非常優(yōu)秀的 JavaScript 框架,使用簡單靈活,同時還有許多成熟的插件可供選擇,它可以幫助你在項目中加入一些非常好的效果。2011-04-04jquery 設置元素相對于另一個元素的top值(實例代碼)
在jquery中offset().top是相對于body來說的,另外在設置top值的時候要找到與該元素最近的有相對值的元素2013-11-1140個有創(chuàng)意的jQuery圖片、內容滑動及彈出插件收藏集之一
在網頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。相信大家都知道jQuery是最優(yōu)秀的Javascript框架之一2011-12-12