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

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

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

給元素綁定click事件，但是遇到一個(gè)問(wèn)題就是當(dāng)我執(zhí)行一些ajax請(qǐng)求后這個(gè)click事件就失效了

比如說(shuō) 我的分頁(yè)是一個(gè)ajax請(qǐng)求但我點(diǎn)下一頁(yè)時(shí) 后生成的元素a就沒(méi)有了click事件了

其實(shí) 原因很簡(jiǎn)單

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

解決方法有兩個(gè) ：

1. 在ajax請(qǐng)求成功之后重新綁定
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> 

兩種方法適用在不同的場(chǎng)合

如果是處理事件的話可以用live
如果是其他一些處理方法的 live就不支持只能重新綁定

您可能感興趣的文章:

相關(guān)文章

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