JQuery事件委托(適用于給動態(tài)生成的腳本元素添加事件)
最近一段時間打了一個大仗，現在總算消停點，才有時間來做個總結吧算是：
移動端遇到一個項目，是一個列表的側滑欄，在我這里用jq寫的交互事件。自測各方面都挺好的，美滋滋的給了研發(fā)。研發(fā)也美滋滋的開始開發(fā)。
但是，好景不長。。。
研發(fā)加了ajax事件后，我的交互效果有部分受了影響！
一個小姑娘，在一群大老爺們研發(fā)堆里，對著昏暗的電腦和看不太懂的后臺代碼，改了半天。最后沒解決。我就回來了。
后來就找共同點，發(fā)現有個類名控制的交互都不能實現，最后去問研發(fā)，你是不是沒加上我的類名？
回：加著呢啊！我一看模擬器，確實加著呢。但是看源碼，沒有，因為他使用ajax后期加的。。所以一開始事件找不到“接頭人”就沒有執(zhí)行。
掃噶，定位到問題，就好解決了。
之所以整理成隨筆，是因為我之前沒遇到過這個問題，聽過事件委托機制，但是根本沒研究過不知道適用于什么樣的bug場景。今天逮到了就不能放過！
jq寫了點擊事件，是通過獲取元素的類名被點擊后執(zhí)行對應方法，但是研發(fā)套完模板，他會把所有的結構先清空，導致jq根本找不到那個元素，所以事件就不得執(zhí)行了。
正規(guī)點的說：JS異步加載,JQ事件不被執(zhí)行解決方法（百度的標題，hah）
jquery中動態(tài)新增的元素節(jié)點無法觸發(fā)事件問題（同上）
解決方法：
值得注意的是：親測此方法無效，可能是我用的jq的版本太高了，1.9多，已經不支持這個方法了
第二個方法：
但是缺點是：給一個元素添加多個事件委托機制時，他就掛了。
$("div").delegate("button","click",function(){
console.log("start")
})
div下面的button點擊的時候,打印start,這個button可以是動態(tài)生成的
王者方法：on
相關文章
這篇文章主要介紹了jQuery控制input只能輸入數字和兩位小數的相關知識，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
本篇文章主要是對JQuery+Ajax無刷新分頁的實例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery實現按鈕只點擊一次后就取消點擊事件綁定的方法,可實現點擊按鈕后取消onclick事件綁定的功能,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery簡單注冊和禁用全局事件的方法,結合實例形式分析了jQuery中ajaxStart與ajaxStop方法的使用技巧,需要的朋友可以參考下2016-07-07
本文給大家分享的是使用jquery實現的全選刪除插件的代碼，非常的實用，本文示例是結合的ThinkPHP,小伙伴們可以自由擴展。2015-03-03
這篇文章主要為大家詳細介紹了Jquery實現異步上傳文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
下面小編就為大家?guī)硪黄狫Query點擊事件回到頁面頂部效果的實現代碼。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery插件FusionCharts繪制的3D環(huán)餅圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D環(huán)餅圖效果,結合完整實例形式分析了jQuery使用FusionCharts載入xml格式數據繪制圖形的操作步驟與相關實現技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了jquery easyUI中ajax異步校驗用戶名，感興趣的小伙伴們可以參考一下2016-08-08
jquery動態(tài)加載js/css文件方法(自寫小函數)
jquery自帶的getSrcript文件只能動態(tài)加載js代碼，但不能加載css，后來自己寫了一個可加載js與css的程序2014-10-10