在将事件添加到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结构很复杂。