标题右侧的多个按钮

Kei*_*ler 25 header jquery-mobile

我想在标题栏的右侧有多个按钮.该文件说,你可以使用DIV定制,但是当我做了按钮没有正常的风格.有什么建议?

che*_*kha 32

上面的示例在标题上放置了多个按钮,但它们都位于标题的左侧.我认为您可以将控件组中的按钮分组,并将控件组定位到标题的右侧.也许是这样的:

 
  <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">  
     //have your button here
  </div>

希望这可以帮助.

  • 不要忘记将`data-role ="button"属性添加到锚点,以便它们作为按钮正确渲染.(对于标题中的标准按钮,这不是必需的) (4认同)

Ada*_*all 12

这就是我做的,看起来很干净.

HTML

<div id="myHeader" data-role="header" data-theme="a">
    <span class="ui-title"></span>
    <div class="ui-btn-right">
        <a id="myButton1" class="headerButton" href="#" data-role="button"></a>
        <a id="myButton2" class="headerButton" href="#" data-role="button"></a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.headerButton {
    float: left;
    margin-right: 5px!important;
}
Run Code Online (Sandbox Code Playgroud)


Phi*_*ord 8

我已经在页脚(这里显示)中看到了这个,可能会给你一个标题或工具栏的想法