2016-11-21 54 views
1

這一個是關於編碼語法(快捷方式?)我剛剛發現jQuery的。對()的快捷語法VS代表團

我真的得到了迷惑與上週this .on() syntax

主要使用我正在做的.on(),直到現在,是委託上動態地添加的元素事件(一個或多個)。

像這樣:

$("[selector]").on("[event,event,event,...]","[delegate selector]",function(){ 
    //... Something. 
}); 

這是綁定從一個集合到另一個(動態子)關於一個或多個事件ONE處理程序共同使用。


,現在我知道的this .on() syntax的所有腦幹...
哪個更「事件特異性」,真正允許在代碼編寫更簡潔:

$("[selector]").on({ 
    [event]:function(){ 
     //...Something 
    }, 
    [event]:function(){ 
     //...Something else. 
    } 
}); 

我看到這個(對我而言是新的!)語法提供一個對象作爲參數到.on()
即使很多對象,昏迷分離。

這是奇妙的結合具體的處理程序的集合,對於許多活動。
我認爲這是一種真正有效的代碼編寫方式...並且可讀性很好。

但現在...

如何委派從「裝載的」選擇的事件來使用此語法動態追加的子?

這可能嗎?
請告訴我是的,並告訴我如何!

回答

1

如何使用此語法將事件從「onloaded」選擇器委派給動態附加的子項?

你正在尋找的語法是這樣的:

$('staticParentElement').on({ 
    [event]:function(){ 
     //...Something 
    }, 
    [event]:function(){ 
     //...Something else. 
    } 
}, 'dynamicDescendants'); 
+0

哈阿...謝謝你的人! ;) –

+0

只有*「undefined」* SO用戶可以回答這個問題! –

+0

非常歡迎您!我很高興我能提供幫助。 – undefined