javascript - 使用 jQuery 将 Fastclick 绑定(bind)到新动态创建的元素

Question

我正在将 Fastclick ( https://github.com/ftlabs/fastclick ) 用于完全用 js(主要是 jQuery)编写的 Phonegap 应用程序。我使用 Fastclick 来消除 iOS 在正常点击时增加的 300 毫秒延迟。它运行完美。

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

这就是 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
});

所以基本上，我只需要知道如何在动态添加到 DOM 后将 Fastclick 绑定(bind)到新元素上。提前致谢!

Answer 1

每当您完成创建新元素时，只需重新实例化 fastclick

new FastClick(document.body);