2013-02-25 3 views
3

В 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 
} 

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

ответ

9

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

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 до вызова слушателя событий.

+0

О? Я попробую это сейчас – thandasoru

+0

Нет разницы между этим кодом и кодом в вопросе. Определение функции inline или отдельно не имеет никакого значения. Какое решение было на самом деле? –

 Смежные вопросы

  • Нет связанных вопросов^_^