javascript - FastClick 在 Phonegap 项目中抛出 .on ('click' ) 循环计数

Question

我将以下内容附加到 href 标记:

$('body').on('click', '.classidentifier', function(e) 
    {
     DoSomething();
    }); 

DoSomething() 函数包含一个应该触发六次的递增循环:

var DoSomething = function() {
    if (ClickCounter < 6) {
    ClickCounter++  
    DoSomethingElse();
    };  
    if (ClickCounter == 6 ){
    BailYouAreDone();
    ClickCounter = 0; }
    }

在浏览器环境中，通过实际的鼠标点击，一切都运行良好。它在编译的 PhoneGap 应用程序中也运行良好。

但是我厌倦了 .on('click') 事件在触摸屏环境中发生的 300 毫秒延迟，因此我安装了 FastClick.js 库，它监视 touchend 事件并向 .on( '点击')事件。

但是现在 DoSomethingElse() 函数会触发 > 6 次:有时 7 次，有时 8 次，有时更多，似乎取决于我按下 href 链接的速度。我尝试在 DoSomethingElse() 例程中捕获 ClickCounter > 6，但没有任何乐趣。我做错了什么？

Answer 1

这里的其他地方有一个关于确保 .on('click') 事件仅触发一次的提示:

$(element).off().on('click', function() {
// function body
});

尝试一下。