为啥向左滑动不适用于 Jquery mobile?

Posted

技术标签:

【中文标题】为啥向左滑动不适用于 Jquery mobile?【英文标题】:Why does swipe left not work for Jquery mobile?为什么向左滑动不适用于 Jquery mobile? 【发布时间】:2014-02-13 00:21:19 【问题描述】:

我有以下代码尝试检测左右滑动:

    $('#my_view').bind('pageinit', function() 
        $( '#my_view' ).on( "swipeleft swiperight", "#myItem", function( event ) 
            var listitem = $( this ),
            dir = event.type === "swipeleft" ? "left" : "right";
            console.log("Detected swipe!!!! " + dir);
        ); 
    );

但是,这只会检测到向右滑动而从未检测到向左滑动,谁能解释为什么?

【问题讨论】:

【参考方案1】:

我创建了一个小提琴,它似乎工作正常

DEMO

也许对于 pageinit,使用 $(document).on:

$(document).on("pageinit", "#my_view", function()   
    $('#my_view').on( "swipeleft swiperight", "#myItem li", function( event )
        alert(event.type);

    );
);

【讨论】:

谢谢,我已经尝试过了,但恐怕也不起作用,JQuery mobile 的这种行为是否存在一些问题? 我不知道。小提琴不适合你吗? Fiddle 是,但它在我的应用程序中根本不起作用,只检测到向右滑动

以上是关于为啥向左滑动不适用于 Jquery mobile?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile 面板不应该在向左滑动时关闭

在 Bootstrap 3 Carousel 上向左/向右滑动 MOBILE

jQuery Mobile 滑动事件不起作用

如何在jQuery Mobile中向上滑动并向下滑动事件? [重复]

jQuery Mobile 自定义选择菜单适用于 Mobile Safari,但不适用于 UIWebView

jQuery .load() 不适用于 PhoneGap Build 和 jQuery Mobile