javascript - 如何使用 jquery-mobile 添加主页按钮？

Question

默认情况下，jquery-mobile 在主页之后的每个页面上添加一个后退按钮。我想知道如何添加主页按钮？
这是一个示例:http://jquerymobile.com/demos/1.0a1/#experiments/api-viewer/index.html

注意:此链接仅适用于 firefox/chrome

谢谢。

Answer 1

有一个更简单的解决方案:只需使用 class="ui-btn-right" 添加指向 header div 的链接即可。这是至关重要的，以便 jQuery Mobile 后退按钮可以自动添加到左侧。您还可以使用一些其他 data-* 属性，以便您可以使用内置主题图标等，如下所示:

<div data-role="page">
    <div data-role="header">
        <h1>Title</h1>
        <a href="/" class="ui-btn-right" data-icon="home" data-iconpos="notext" 
           data-direction="reverse">Home</a> 
    </div>
    <div data-role="content">
        ...

(显然，请将 home href URL 更改为适合您的环境的内容，不要只使用“/”，因为它限制了您的应用程序的部署位置。)