无法初始化fastclick插件

时间:2013-06-06 07:55:21

标签: javascript jquery performance click fastclick.js

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

  1. 我正在尝试使用fastclick plugin初始化class,但它给了我错误 如果我将它用于单个element它可以正常工作,但如果我想要多个elements它通过error
  2. 对于单个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不是函数

    也以这种方式感到困惑

    请帮我解决此问题

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

推荐使用的方法是在load事件处理程序内的body上实例化FastClick:

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