В Stackoverflow есть много тем, когда дело доходит до прокрутки с помощью jQuery/jQuery mobile. Однако ни один из них, похоже, не работает так, как я хочу. Ниже приведена структура моей индексной страницы моего приложения phonegap. Как рекомендовал this, я попробовал плагин jgestures.Прокрутка в Кордове с JQuery и 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
}
Но это не работает ни с одним из примеров кода я пробовал .. Может кто-нибудь сказать, что я делаю неправильно ?
О? Я попробую это сейчас – thandasoru
Нет разницы между этим кодом и кодом в вопросе. Определение функции inline или отдельно не имеет никакого значения. Какое решение было на самом деле? –