jQTouch滑动不起作用

时间:2011-08-21 15:20:41

标签: jquery asp.net asp.net-mvc-3 jqtouch

我试图让滑动在jQTouch中工作,过了一段时间它终于工作了,但是有一个很大的问题:几乎每次刷卡时,页面来回晃动直到它落在目标页面上(div) 。这是代码:

        jQuery('.swipe').bind("swipe",function(event, info){
            if (info.direction === 'right') {
                jQT.goBack(1);
            }
        });

我在每个div节上都设置了类滑动设置,如下所示:

 <div id="concept-1" class="swipe">

我尝试了以下Googling发现的提示,其中很多都谈到了在jQTouch的初始化程序中设置touchselector:'。swipe'(在我的情况下至少是.swipe),但是如果我正常点击按钮/链接不再工作,而且,无论如何,刷卡似乎“工作”,只是没有用的方式......

我做错了什么,如何让它发挥作用?当你向右滑动时,我试图让它返回一页,作为点击后退按钮的替代方法。

编辑:更多信息:最终经过几次滑动后,应用程序也完全冻结......

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。不幸的是,滑动功能非常不可靠..但您可以通过模拟浏览器历史记录后退按钮而不是jqTouch goBack功能来避免浏览器崩溃。这是我的代码:

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

    var currentpage = $('.current').attr('id'); 

     if (info.direction === 'left') {
          jQT.goTo($('#home'), 'dissolve');
      }else if (info.direction === 'right' && currentpage !="home") {
           history.go(-1);
     }  
    });