11

我想在 jQuery mobile 的标题右侧添加一个图标按钮。我在自动左定位时遇到问题。

这是我的标题：

<div data-role="header" data-position="inline">
     <h1>Resultaten</h1>
     <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false"
        data-direction="reverse" onclick="empty()" data-transition="slide"
        data-iconpos="notext">home</a>
</div>
4

3 回答 3

16

使用class="ui-btn-right"或添加一个ui-btn-right类<a>

<div data-role="header" data-position="inline">
     <h1>Resultaten</h1>
     <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false"
        data-direction="reverse" onclick="empty()" data-transition="slide"
        data-iconpos="notext"  class="ui-btn-right">home</a>
</div>
于 2012-04-12T10:34:37.413 回答
2

如果您有多个要向右对齐的按钮，使用class="ui-btn-right"in<a>会将所有按钮放在彼此的顶部。相反，您可以在它周围包裹一个 div 并向右浮动。

<div data-role="header" data-position="inline">
    <h1>Resultaten</h1>
    <div style="float:right;">
        <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false"
        data-direction="reverse" onclick="empty()" data-transition="slide"
        data-iconpos="notext"  class="ui-btn-right">btn 1</a>
        <a href="#Home" data-role="button" data-icon="home" data-iconshadow="false"
        data-direction="reverse" onclick="empty()" data-transition="slide"
        data-iconpos="notext"  class="ui-btn-right">btn 2</a>
    </div>
</div>
于 2013-10-23T04:58:14.217 回答
-1

jQuery Mobile ver 1.2+ 中有一个 data 属性，你可以使用data-iconpos="right".

<a href="#Home" data-role="button" data-icon="home" data-iconpos="right" data-iconshadow="false"
    data-direction="reverse" onclick="empty()" data-transition="slide"
    data-iconpos="notext">home</a>

官方文档

于 2015-08-06T12:24:58.923 回答