使用jQuery將Fastclick綁定到新動態創建的元素

Question

我正在使用Fastclick（ https://github.com/ftlabs/fastclick ）來完成一個完全用js編寫的Phonegap應用程序，主要是jQuery。 我使用Fastclick消除了300毫秒的延遲iOS增加了正常的點擊。 它完美地運作。

我唯一的問題是嘗試將Fastclick功能綁定到初始頁面加載后創建的動態元素。

這就是Fastclick首次附加的方式：

$(function() {
    FastClick.attach(document.body);
});

然后每當我在原始元素上使用普通的jQuery click事件時，它就可以工作了。

$(".original-element").click(function() {
   // Just works!
});

我想能夠在使用app時通過JS創建的新元素上做同樣的事情。 例如：

$(body).append("<button id="new-btn">Press me</button>");

$("#new-btn").click(function() {
  // Please help me work with Fastclick
});

所以基本上，我只需要知道在動態添加到DOM之后如何將Fastclick綁定到新元素上。 提前致謝！

Answer 1

每當您完成創建新元素時，只需重新復制fastclick即可

new FastClick(document.body);