將事件添加到DOM之前，將其單擊事件添加到jQuery對象

Question

我相信，在將click事件添加到DOM之前，將click事件附加到JQuery對象是這樣完成的。

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

有沒有一種方法可以將其附加到＃Your-Selection的span子代中。 這不起作用，但是類似：

 $('.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 :)");
});

這會將點擊事件附加到＃Your-Selection的span子級

Answer 2

我認為您不是在問正確的問題，請查看方法文檔中的jquery： http : //api.jquery.com/on/

如果兩個按鈕都不存在（在DOM加載時），最好將其附加到主體，但如果存在，則最好將整個文檔或您在DOM中擁有的最接近的標記附加到主體。

您應該執行以下操作：

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

Answer 3

根據jQuery API 文檔，我對以下解決方案有疑問。 我認為正確的方法如下：

$('#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結構復雜，則需要將其擴展到多個級別。