jquery-ui - 如何将主页/设置按钮添加到 PhoneGap (webview)

Question

我将使用 PhoneGap 开发一个应用程序，它将在每个 web 视图的顶部包含图标形式的主页和设置按钮，就像 android 中的操作栏菜单一样。我正在为 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 创建主页按钮，只需执行以下操作 :)

将带有文本“home”的链接放在您想要的位置，您可以随意设置它的样式:)

Answer 2

-在标题中放置图像标签代替锚标签

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

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