可以在浏览器中滑动但不能在Android中滑动-Cordova

时间:2018-11-27 17:37:24

标签: javascript jquery cordova mobile-application

我正在尝试在Cordova移动应用程序中进行Swipe,它在浏览器中有效,但在Android中不可用。

以下向左和向右滑动功能适用于浏览器,但不适用于android。有人可以帮我吗?

HTML:

<div id ="div1" class="app1">
    <Button id="b1" class="option option1" >NEWS</Button>
    <Button id="b2" class="option option2" >EMERGENCY</Button>
    <Button id="b3" class="option option3" >CONTACT</Button>
    <Button id="b4" class="option option4" >MUSIC</Button>
</div>

<div id ="div2" class="app2 hide">
    <Button id="b5" class="option option1">APPLIANCES</Button>
    <Button id="b6" class="option option2">COMPANION</Button>
    <Button id="b7" class="option option3">KIDS</Button>
    <Button id="b8" class="option option4">FOOD</Button>
</div>

JS

    $( ".option" ).on( "swipeleft", swipeHandler );
    $( ".option" ).on( "swiperight", swipeHandler )

    function swipeHandler( event ) {
        var current=$(this).parent().attr('id');
        console.log(current);
        //$( event.target ).addClass("hide");
        if(current=="div1") {
            $("div.app1").addClass("hide");
            $("div.app1").removeClass("show");
            $("div.app2").removeClass("hide");
            $("div.app2").addClass("show");
        }
        else {
            $("div.app2").addClass("hide");
            $("div.app2").removeClass("show");
            $("div.app1").addClass("show");
            $("div.app1").removeClass("hide");
        }
    }

谢谢

0 个答案:

没有答案