如何将家庭/设置按钮添加到PhoneGap(webview)

时间:2012-12-17 19:01:38

标签: jquery-ui css3 cordova

我将使用PhoneGap开发一个应用程序,它将在每个网页浏览的顶部包含主页设置按钮,就像Android中的操作栏菜单一样。我正在使用ThemeRoller(CSS)中为JQuery Mobile生成的模板。有人可以提供一些例子吗?

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

2 个答案:

答案 0 :(得分:0)

<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”文本的链接放在您想要的位置,您可以根据需要设置样式:)

答案 1 :(得分:0)

- 在标题

中放置锚标记的图像标记
<img src="images/ajax-loader.gif" />

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