在將事件添加到DOM之前將事件單擊到JQuery對象

Question

將click事件附加到DOM之前將其附加到JQuery對象，我相信這樣做。

$('.Button').on('click', '#Your-Selection', function() { 
console.log("yeahhhh!!! but this doesn't work for me :("); 
}); 

有沒有辦法將它附加到＃Your-Selection的跨度孩子。這並不工作，但這樣的：

$('.Button').on('click', '#Your-Selection span', function() { 
console.log("yeahhhh!!! but this doesn't work for me :("); 
}); 

Answer 1

請使用類似這樣的

$(document).on('click', '#Your-Selection span', function() { 
    console.log("yeahhhh!!! this will work for you :)"); 
}); 

這將附着單擊事件的＃您選擇跨度孩子

Answer 2

我想你是不是問正確的問題，請 看看jQuery的方法文檔：http://api.jquery.com/on/

如果既不.Button存在（在DOM負載上）是tter將其附加到身體，但如果存在，它 更好地附着於身體整個文檔，或最接近的標籤，你在DOM

有你應該做這樣的事情：

$("body").on("click", ".Button #Your-Selection span", function(){ 
    //whatever you want 
}); 

Answer 3

由於每個jQuery API documentation我有疑惑與下面的解決方案。正確的方法我覺得就像如下：

$('#Your-Selection').on('click','span',function(){ 
    console.log('yeahhhh!!! this will work'); 
}); 

因此，如果按鈕是跨度裏面，你可以修改上面的代碼如下

$('#Your-Selection').on('click','span .Button',function(){ 
    console.log('yeahhhh!!! this will work'); 
}); 

因此事件只需要泡了一個水平。如果您使用document或body事件需要冒出如此多的級別，如果您的HTML結構很複雜。