使用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

每当您完成创建新元素时，只需重新实现快速单击

即可

new FastClick(document.body);