使用jQuery将Fastclick绑定到新的动态创建的元素

Question

我正在使用Fastclick (https://github.com/ftlabs/fastclick)为一个完全用js编写的Phonegap应用程序，主要是jQuery。我使用Fastclick来消除iOS添加到正常点击时的300ms延迟。它工作得很完美。

我唯一的问题是试图将Fastclick功能绑定到在初始页面加载后创建的动态元素。

以下是Fastclick的第一个附加方式：

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

然后，每次我在原始元素上使用普通的jQuery单击事件时，它都能正常工作。

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

我希望能够在应用程序使用时通过JS创建的新元素上做同样的事情。例如：

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

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

所以基本上，我只需要知道如何将Fastclick绑定到动态添加到DOM中的新元素上。提前感谢！

Answer 1

只要创建完新元素，只需重新实例化fastclick

new FastClick(document.body);