如何在发生滑动转换时停止 jQTouch 中的滑动事件？

Question

我几乎完成了一个混合网站，但有一个问题我无法解决（许多问题是由于现在的 Sencha 库故意缺乏文档所致）。

我在向左和向右滑动时有一个绑定事件，正确的动画，就在我快速滑动或滑动时 - 页面开始转换（滑动） - 在转换时我再次滑动。我抛出 jQtouch 并导致黑页。

$('div.touch').swipe(function(event, info){

        switch(info.direction){
            case 'left':
            jQT.goTo('#test', 'slide');
            break;

我想“pageAnimationEnd”可能是我需要使用并以某种方式结合的事件。但对于菜鸟来说，指针会很好。 :)

Answer 1

我解决了这个问题。如果人们有更好的解决方案，请告诉我。

我创建了一个名为“延迟”的单例

        var delay = (function(){

            wait = false;
            return {

                set:function(bool_wait){
                      wait = bool_wait;
                    },

                get:function(){
                  return wait;
                  }
              }
        })();

“我知道它是全局的”，你可以按照你想要的方式实现它。这是快速修复。只需将其放入名为delay.js 的脚本中并将其附加到文档的开头即可。

现在，当您调用“Swipe”时，

请执行以下操作

$('#div.touch').swipe(function(e,info){

               if(delay.get() === false){

                switch(info.direction){
                       case 'left':
                       jQT.goTo('#test', 'slide');
                       break;
                }       

                 delay.set(true);
                 setTimeout(function(){delay.set(false)},1000);

              }
        });

这只会在两次滑动之间添加 1 秒的延迟。