Multi paging в jQuery mobile error .. для андроида - PullRequest
Новая
       6

Multi paging в jQuery mobile error .. для андроида

0 голосов
/ 25 марта 2012

Я пытаюсь сделать многостраничное приложение для Android с PhoneGap, jQuery-mobile ... но я получаю, что мои страницы @ statify @ (не знаю, как это называется) - enter image description here

что может быть не так ?? я использовал этот урок: http://jquerymobile.com/test/docs/pages/multipage-template.html вот мой код. 

<!DOCTYPE HTML>
<html>
<head> 
<script type="text/javascript" charset="utf-8" src="js/cordova-1.5.0.js"></script> 
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.0.1.css" />
<link rel="stylesheet" href="css/style.css" />

<script>

$('#greengamebtn').live('tap',function(event) {

    $('#textpage1').removeClass('red').addClass("green");

});

$('#redgamebtn').live('tap',function(event) {

    $('#textpage1').removeClass('green').addClass("red");

});

$('#exitgamebtn').live('tap',function(event) {

    navigator.app.exitApp();

});

</script>
</head>
<body> 

    <div data-role="page" id="page1" data-theme="a">
        <div data-role="header">
            <h1><p class="red" id="textpage1">PAGE 1</p></h1>
        </div>
        <div data-role="content">
            <div data-role="button" id="redgamebtn" "><h2> RED</h2></div>
            <div data-role="button" id="greengamebtn" "><h2> GREEN</h2></div>
        </div>
    </div>

    <div page-role="page" id="page2"  data-theme="b">
        <div data-role="header">
            <h1><p class="red" id="textpage2">PAGE 2</p></h1>
        </div>
        <div data-role="content">
            <div data-role="button" id="exitgamebtn" "><h2> Exit game</h2></div>
        </div>
    </div>

</body> 
</html>

1 Ответ

1 голос
/ 26 марта 2012

На скриншоте видно, что библиотека JQM не загружена.Просто чтобы убедиться, что я прав, попробуйте заменить 

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.0.1.css" />

на 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

. Я не уверен, имеет ли это значение, но обратите внимание, что я использовал JQuery 1.6.4.Это рекомендуемая версия для использования с JQM 1.0.1.Если это работает, проверьте ваши пути и попробуйте снова.Надеюсь, это поможет!

...