快捷導(dǎo)航

JQuery事件委托(適用于給動(dòng)態(tài)生成的腳本元素添加事件)

更新時(shí)間：2020年02月01日 21:58:02 作者：xingorg1

jq寫了點(diǎn)擊事件，是通過獲取元素的類名被點(diǎn)擊后執(zhí)行對(duì)應(yīng)方法，但是研發(fā)套完模板，他會(huì)把所有的結(jié)構(gòu)先清空，導(dǎo)致jq根本找不到那個(gè)元素，所以事件就不得執(zhí)行了,需要的朋友可以參考下

最近一段時(shí)間打了一個(gè)大仗，現(xiàn)在總算消停點(diǎn)，才有時(shí)間來做個(gè)總結(jié)吧算是：

移動(dòng)端遇到一個(gè)項(xiàng)目，是一個(gè)列表的側(cè)滑欄，在我這里用jq寫的交互事件。自測(cè)各方面都挺好的，美滋滋的給了研發(fā)。研發(fā)也美滋滋的開始開發(fā)。

但是，好景不長(zhǎng)。。。

研發(fā)加了ajax事件后，我的交互效果有部分受了影響！

一個(gè)小姑娘，在一群大老爺們研發(fā)堆里，對(duì)著昏暗的電腦和看不太懂的后臺(tái)代碼，改了半天。最后沒解決。我就回來了。

后來就找共同點(diǎn)，發(fā)現(xiàn)有個(gè)類名控制的交互都不能實(shí)現(xiàn)，最后去問研發(fā)，你是不是沒加上我的類名？

回：加著呢??！我一看模擬器，確實(shí)加著呢。但是看源碼，沒有，因?yàn)樗褂胊jax后期加的。。所以一開始事件找不到“接頭人”就沒有執(zhí)行。

掃噶，定位到問題，就好解決了。

之所以整理成隨筆，是因?yàn)槲抑皼]遇到過這個(gè)問題，聽過事件委托機(jī)制，但是根本沒研究過不知道適用于什么樣的bug場(chǎng)景。今天逮到了就不能放過！

jq寫了點(diǎn)擊事件，是通過獲取元素的類名被點(diǎn)擊后執(zhí)行對(duì)應(yīng)方法，但是研發(fā)套完模板，他會(huì)把所有的結(jié)構(gòu)先清空，導(dǎo)致jq根本找不到那個(gè)元素，所以事件就不得執(zhí)行了。

正規(guī)點(diǎn)的說：JS異步加載,JQ事件不被執(zhí)行解決方法（百度的標(biāo)題，hah）

jquery中動(dòng)態(tài)新增的元素節(jié)點(diǎn)無法觸發(fā)事件問題（同上）

解決方法：

值得注意的是：親測(cè)此方法無效，可能是我用的jq的版本太高了，1.9多，已經(jīng)不支持這個(gè)方法了

第二個(gè)方法：

但是缺點(diǎn)是：給一個(gè)元素添加多個(gè)事件委托機(jī)制時(shí)，他就掛了。

$("div").delegate("button","click",function(){
 console.log("start")
})

div下面的button點(diǎn)擊的時(shí)候,打印start,這個(gè)button可以是動(dòng)態(tài)生成的

王者方法：on

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片