綁定多個動態添加的元素

Question

我正在使用jQuery Mobile，並且需要將一些tap事件綁定到動態添加的內容。 看來，我這樣做的方式是，我的代碼僅運行我在代碼內部附加了tap事件的最后一個元素。 例如，當我單擊元素A時，此代碼不會警告“ Hi”，但是當我單擊元素B時，它將警告“ Bye”。

我敢肯定這是一個簡單的錯誤，但我一直在想着解決辦法，將頭撞在桌子上。

$(document).off("tap").on("tap", "#A", function() {
    alert('Hi');
});

$(document).off("tap").on("tap", "#B", function () {
    alert('Bye');
}); 

Answer 1

這是因為您要將事件附加到文檔，然后在下一行將其解除綁定。 因此，當您關閉對文檔的tap並再次對文檔進行b綁定時，您對A的綁定將會丟失。

嘗試：

$(document).off("tap");
$(document).on("tap", "#A", function() {
    alert('Hi');
});

$(document).on("tap", "#B", function () {
    alert('Bye');
}); 

同樣，您也可以將其鏈接起來，以避免重復創建jquery對象。

$(document).off("tap")
  .on("tap", "#A", function() {
    alert('Hi');
}).on("tap", "#B", function () {
    alert('Bye');
});