jquery-mobile - jQuery Mobile 最佳实践 - 面板按钮、后退按钮或两者兼有

Question

我正在创建一个针对 iPad Mini 的移动应用程序。我有一个从左侧滑出的面板，带有导航菜单。我还需要标题中的后退按钮。标题中按钮的最佳做法是什么？在应用程序流程中的某些时候我需要一个后退按钮，我还需要在标题中打开面板的按钮。

谢谢你的建议。

我忘了提到标题的右侧有一个加载条形码扫描仪的按钮。所以，我只剩下头部的左侧来争夺 2 个按钮。

Answer 1

表头可以分别容纳左右两个ui-btn-left按钮ui-btn-right。

但是，您可以使用带有属性的控制组小部件在标题中放置两个以上的按钮。data-type="horizontal"

<div data-role="header">
    <!-- right-hand button -->
    <a href="#" class="ui-btn-right" data-icon="bars">Bcode</a>

    <!-- if you don't want to use title,
    replace it with <span class="ui-title"></span> -->
    <h1>Header</h1>

    <!-- left-hand button -->
    <div data-role="controlgroup" data-type="horizontal" class="ui-btn-left">
        <a href="#panel" data-role="button" data-icon="star">Panel</a>
        <a href="#" data-role="button" data-icon="back">Back</a>
    </div>
</div>

演示jQM <= 1.3

演示jQM >= 1.4