jQuery的停止双重事件

我有一个问题，即一个避免双重事件jQuery的停止双重事件

所以开始与我有一段代码触发

jQuery(window).trigger('swipeForward');

所以这个监听这个触发

jQuery(window).on('swipeForward', swipeHandlerNext);

滑动处理程序的想法是，使用户不能滑动两次并创建双重事件

这将然后执行swipeHandlerNext功能

function swipeHandlerNext(event) { 

    // If event isn't already marked as handled, handle it 
    if(event.handled !== true) { 

     // Kill event handler, preventing any more clicks 
     jQuery(".pageSize").off("swipeForward"); 

     // Do your stuff here 
     pageSize = jQuery(".mainHeader").width(); 
     slide("forward", pageSize); 

     console.log(" swipe complete page forward via swipe"); 

     // Mark event as handled 
     event.handled = true; 
    } 

    return false; 
}

这显然执行滑动功能。这是一个有.animate命令

function slide(data, pageSize) { 


    if (!pageSize) { 
    pageSize = jQuery(".mainHeader").width(); 
    } 

    var promise = calcLeft(data, pageSize); 


    jQuery.when(promise).then(function(result) { 

     console.log(result); 

     jQuery('#pageHolder').delay(500).animate({ 
      left: result 

      }, 400, function() { 
      console.log("animation started"); 
      calcNav(pageSize); 
      calcPage(pageSize); 
      jQuery(".pageSize").on("swipeForward", swipeHandlerNext); 
      console.log("animation complete"); 

     }); 


    }); 

}

然而，它不是防止双重幻灯片。

感谢所有帮助

来源

2013-02-21 Dan

为什么Off()在你的榜样不起作用

jQuery的off()方法希望选择到match the one originally passed to .on() when attaching event handlers。

在您的初始事件绑定中，您将事件附加到元素jQuery(window).on(...)。但是在处理程序函数中，您正在删除并使用jQuery('.pageSize').off(...)和jQuery('.pageSize').on(...)将事件重新附加到.pageSize元素。

换句话说，您不是在实际上删除绑定到window元素的事件处理程序，因此用户可以继续滑动。

为什么event.handled不会在你的榜样工作

每次刷卡事件发生，一个单独event对象被创建并传递到处理程序。因此event对象不是全局变量，您可以在后续的滑动中修改并检查其状态。

以下的例子

匹配传递给on()和off()方法的选择可能的解决方案。
设置和取消设置一个全局变量作为滑动正在进行的指示。

来源

2013-02-22 00:39:57 Boaz

嗨..谢谢..这个问题真的源于这里.. http://stackoverflow.com/questions/14996012/jquery-animate-periodocially-not-running任何想法？我拉我的头发 – Dan 2013-02-22 00:56:47

@丹整体来说，它似乎是同一个问题。用当前问题中描述的问题的可能解决方案更新了我的答案。看看这些是否有帮助。 – Boaz 2013-02-22 01:02:56

嗨 - 我现在正在所有的地方使用窗口。是的，我在那里很厚。它不能在某个时间工作的原因虽然很奇怪。这可能与我的刷卡代码有关吗？看到我使用功能幻灯片两个刷卡事件和点击。我真的没有得到它是如何工作的，有时候并不是 - 特别是当事件被排序时 – Dan 2013-02-22 01:05:42

jQuery的停止双重事件

回答

相关问题