jquery-ui - ホーム/設定ボタンを PhoneGap (webview) に追加する方法

Question

Androidのアクションバーメニューのように、すべてのWebビューの上部にホームボタンと設定ボタンがアイコンの形で含まれるPhoneGapを使用してアプリを開発します。JQuery Mobile の ThemeRoller (CSS) から生成されたテンプレートを使用しています。誰かがいくつかの例でアドバイスできますか?

例: http://dl.dropbox.com/u/72519118/ThemeRoller.png

Answer 1

<div data-role="page" id="homepage" data-theme="a">

</div>

<div data-role="page" id="secondpage" data-theme="a">
    <div data-role="header">
        <a href="#homepage">Home</a>
        <h1>Edit Contact</h1>
        <a href="#settings" data-icon="gear">Settings</a>       
    </div>   
</div>


<div data-role="page" id="settings" data-theme="a">
<div data-role="header">
    <a href="#homepage">Home</a>
</div>
</div>

Jquery Mobileでホームボタンを作成したい場合は、次のようにしてください:)

「ホーム」というテキストのリンクを好きな場所に配置すると、好きなようにスタイルを設定できます:)

Answer 2

-ヘッダーのアンカータグの代わりに画像タグを配置します

<img src="images/ajax-loader.gif" />

 <a href="#homepage">Home</a>