快捷導(dǎo)航

ajax更新數(shù)據(jù)后，jquery、jq失效問題

更新時間：2011年03月16日 23:53:03 作者：

這問題遇到兩次，竟然忘記了。所以說不要關(guān)抄人家的方法，要多研究下。現(xiàn)在做個記錄...

給元素綁定click事件，但是遇到一個問題就是當我執(zhí)行一些ajax請求后這個click事件就失效了

比如說我的分頁是一個ajax請求但我點下一頁時后生成的元素a就沒有了click事件了

其實原因很簡單

ajax加載內(nèi)容是在$(document).ready()之后的操作，這個時候給綁定函數(shù)的時候，找到的元素集合中還不包括ajax加載的內(nèi)容，所以原來的沒有問題，后加載的就沒有綁定

解決方法有兩個：

1. 在ajax請求成功之后重新綁定
2. 用live方法

復(fù)制代碼代碼如下:

 
<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滾動特效集錦
本文給大家匯總介紹的是jquery單行滾動、批量多行滾動、文字圖片翻屏滾動效果代碼，都是分廠常用的一些文字以及圖文的無縫滾動特效，希望能夠?qū)Υ蠹沂煜Query有所幫助。
2015-06-06
jQuery插件制作之參數(shù)用法實例分析
這篇文章主要介紹了jQuery插件制作之參數(shù)用法,以實例形式較為詳細的分析了jQuery插件制作過程中參數(shù)的相關(guān)使用技巧,需要的朋友可以參考下
2015-06-06
jquery實現(xiàn)員工管理注冊頁面
這篇文章主要為大家詳細介紹了jquery實現(xiàn)員工管理注冊頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
jQuery 事件隊列調(diào)整方法
如何為已經(jīng)綁定A事件的對象添加B事件，由B事件判斷A事件是否觸發(fā)
2009-09-09
jQuery中map()方法用法實例
這篇文章主要介紹了jQuery中map()方法用法,實例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下
2015-01-01
jquery實現(xiàn)簡單的banner輪播效果【實例】
下面小編就為大家?guī)硪黄猨query實現(xiàn)簡單的banner輪播效果【實例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-03-03
jQuery插件HighCharts實現(xiàn)的2D條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實現(xiàn)的2D條狀圖效果,結(jié)合完整實例形式詳細分析了jQuery插件HighCharts繪制2D條狀圖的操作步驟與相關(guān)屬性設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒有問題，但是在IE下就報錯，下面是可行的解決方法，大家可以看看
2014-09-09
jquery仿京東商品放大瀏覽頁面
這篇文章主要為大家詳細介紹了jquery仿京東商品瀏覽頁面，鼠標放在圖片上實現(xiàn)放大效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jquery獲取被勾選的checked(選中)的那一行的3列和4列的值
大家可能會遇到這種需求通過jquery獲取被勾選的checked的那一行的3列和4列的值，具體的實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07