2012-04-01 12 views
0

jquery mobile v1.1 rc1を使用してアプリケーションを再構築しようとしました。固定ツールバーがAndroid v2.2で動作すると主張してからです。私はphonegap 1.5とjquery 1.7.1も使用しています。インクルードファイルでも下位バージョンがありますが、ファイルの名前を変更しないように、最新のバージョンでコピー/貼り付けしています。ただし、固定されたツールバーはまだ機能せず、残りのコンテンツと共にスクロールします。私はクロームで同じHTMLファイルをしようとすると、それはで動作する、しかしphonegap jqm v1.1 rc1固定ツールバーがまだAndroidで動作していない

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>jQuery Mobile Web App</title> 
<link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/> 
<script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).bind("mobileinit", function() { 
    $.mobile.defaultPageTransition = "fade"; 
    $.mobile.defaultDialogTransition = "fade"; 
}); 


</script> 
<script src="jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script> 
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. 
    To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... --> 
<script src="phonegap.js" type="text/javascript"></script> 
<script src="main.js" type="text/javascript"></script> 
</head> 
<body onLoad="bodyinit()"> 
<div data-role="page" id="home" data-fullscreen="true"> 
    <div data-role="header" data-theme="b" data-position="fixed" class="ui-bar-b"> 
     <h1 id="headerid" style="font-size:large;">JenPad v1.toce</h1> 


<!-- <span style="float:left;margin-left:5px;margin-bottom:5px;"> <a href="#pagecreate" data-role="button" data-icon="add" data-iconpos="left">Note</a></span> <span style="float:right;margin-right:5px;"> 
    <!--<button data-icon="refresh" onClick="getAllItems()" data-iconpos="right">Refresh</button>--> 
    <!--<span data-role="controlgroup" data-type="horizontal"> 
    <button data-icon="refresh" data-iconpos="left" onClick="getAllItems()">Refresh</button> 
    <a data-role="button" data-icon="delete" href="#clearpage" data-rel="dialog" data-transition="pop" data-iconpos="right">Clear</a> 
    </span> 
    </span> 
    --> 
    <div data-role="controlgroup" style="text-align:center;" data-type="horizontal"> 
    <a data-role="button" data-icon="plus" data-iconpos="left" href="#pagecreate">Note</a> 
    <button data-icon="refresh" data-iconpos="left" onClick="getAllItems()">Refresh</button> 
     <a data-role="button" data-icon="delete" href="#clearpage" data-rel="dialog" data-transition="none" data-iconpos="left">Clear</a> 
    <button data-icon="info" data-iconpos="left" onClick="about()">About</button> 
    </div> 
    </div> 
    <div data-role="content"> 
    <div id="theLog"></div> 
    <br> 
    <p style="text-align:center;">Simply create a new "note" as a reminder for something worth remembering. Use the "Refresh" button to be sure you have the newest list of things to remember. Have Fun! </p> 
     </div> 
    </div> 
</div> 





<div data-role="page" id="pagecreate" data-fullscreen="true"> 
    <div data-role="header" data-theme="b" data-position="fixed"> 
    <h1 id="headerid" style="font-size:large;">Create Note</h1> 
    <span style="float:left;margin-left:5px;margin-bottom:5px;>"<a href="#home" data-role="button" data-icon="back" data-iconpos="left">Back</a></span> 
     </div> 
    <div data-role="content"> 

    <br> 

    <textarea id="inputtext" rows="3" placeholder="Enter msg here.."></textarea><br> 

    <div data-role="controlgroup"> 

     <button onClick="createItem()">Submit</button> 

     <button type="reset" onClick="resetbtn()">Reset</button> 

     </div> 
    </div> 
</div> 
<div data-role="page" data-theme="e" style="overflow:hidden;" id="clearpage"> 
    <div data-role="content"><h1 style="text-align:center;">Clear all notes?</h1> 
    <br> 
    <br> 
    <div data-role="controlgroup" style="text-align:center;margin:auto 0;" data-type="horizontal"> 
    <button data-icon="check" data-iconpos="left" onClick="confirmclear()">Confirm</button> 
    <button data-icon="back" data-iconpos="right" onClick="cancelclear()">Cancel</button> 
    </div> 
    </div> 
</div> 
</body> 
</html> 

:ノー成功したページ上のデータをフルスクリーン=「true」を使用することを含む複数のものを、試してみました、私は以下の私のhtmlが含まれています固定されたツールバーがそのまま残ります。私はAndroid 2.2.1、任意の提案とLGオプティウスVを使用していますか?

+0

私は同じ電話を持っており、広告されたとおりに動作することを保証します。あなたの問題は何か他のものでなければなりません。 – codaniel

答えて

0

私はjqueryモバイルドキュメントを見て、私は自分のhtmlファイルから次の行が見つからないことに気付きました。私がそれを含めた後、固定ツールバーは期待どおりに機能しました:

<meta name="viewport" content="width=device-width, initial-scale=1"> 
関連する問題