javascript - 无法初始化 fastclick 插件

Question

在初始化 fastclick 插件时遇到问题

1. 我正在尝试fastclick plugin使用 a 进行初始化，class但如果我将它用于单个element它工作正常但如果我希望它多个elements它通过它会给我错误error

对于一个人，element我使用了这种方法

document.addEventListener('DOMContentLoaded', function () {
   var fastClickButton = document.querySelector('.parent');
   new FastClick(fastClickButton);
});

对于多个element具有相同的class

document.addEventListener('DOMContentLoaded', function () {
   var fastClickButton = document.querySelectorAll('.parent');
   new FastClick(fastClickButton);
});

在这种方法中，我无法理解我该如何解决这个variable问题class

我无法理解如何实现它

2.第二个问题是这个

我在这个插件 git 页面url上找到了下面的代码

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

但是当我通过错误使用它时，FastClick.attach 不是一个函数

也这样迷茫

请帮我解决这个问题 谢谢

Answer 1

我对插件不熟悉。但是假设您的单元素代码有效，我认为这应该适用于多个元素：

$(function() {
    var buttons = document.querySelectorAll('.parent');
    for (i = 0; i < buttons.length; i++) {
        new FastClick(buttons[i]);
    }
});

Answer 2

body推荐的使用方法是在加载事件处理程序内部实例化 FastClick ：

window.addEventListener('load', function() {
    new FastClick(document.body);
}, false);