アンドロイド用マルチページング

私は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>

出典

2012-03-25 Sergio

JQMライブラリが読み込まれていないようです。私は右のこの

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

で

<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" />

を交換してみていた場合にだけ見て、私はこの問題かはわからないが、私はjQueryの1.6.4を使用していることに気づきます。これはJQM 1.0.1で使用するのに推奨されるバージョンです。それが機能している場合は、パスを確認して、もう一度試してください。私はこれが助けて欲しい！

出典

2012-03-26 04:55:15 codaniel

hm .. Page1が上部に、Page2が下部に... divs - REDとGREENがボタンのように認識されず、うまく動作しないようになりました。 – Sergio

コードバを取り外すとどうなりますか？あなたのカスタムスタイル？ – codaniel

ok ..私はすでにそれを作った..あなたは正しく、jq-mobileは正しく動作しませんでした。おそらくjqバージョンのためです...私はJQ 1.6.4をダウンロードしました。 – Sergio

アンドロイド用マルチページング

答えて

関連する問題