Пролистывание в Кордове с помощью Jquery и jgestures

В Stackoverflow есть много тем, посвященных свайпу с помощью jQuery/jQuery mobile. Однако ни один из них не работает так, как я хочу. Ниже приведена структура моей индексной страницы моего приложения phonegap. Как рекомендовал эта тема, я попробовал плагин jgestures.

<html>
<head>
<title>App</title>
<script type="text/javascript" src="lib/cordova-2.2.0.js"></script>
<script type="text/javascript" src="lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="lib/jgestures.js"></script>
</head>
<body>
<div id="home">
    <div id="headersec">
        <!-- some elements like images here-->
    </div>
    <div id="screen1">
        <!-- three 80x80 images go here -->
    </div>
    <div id="screen2">
        <!-- three other 80x80 images go here-->
    </div>
</div>
</body>
</html>

Все, что я хочу сделать в своем событии deviceready, это

document.addEventListener("deviceready",onDeviceReady,false);

function onDeviceReady() {
    $('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2 
    $('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1
}

Но это не работает ни с одним из примеров кода, который я пробовал. Кто-нибудь может сказать, что я делаю неправильно?


jquery swipe-gesture
person thandasoru    schedule 25.02.2013    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Похоже, что у этого вопроса была аналогичная проблема. Решение было сделать что-то вроде этого:

document.addEventListener("deviceready", function(){
    $('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2 
    $('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1
},false);

Или, возможно, вам просто нужно определить функцию onDeviceReady ДО того, как вы вызовете прослушиватель событий.

person Indigenuity    schedule 26.02.2013
comment
Между этим кодом и кодом в вопросе нет никакой разницы. Определение функции встроенное или отдельно не имеет никакого значения. Каково было решение, на самом деле? - person C-F; 06.12.2017