11

jQuerymobileのヘッダーの右側にアイコンボタンを追加したいと思います。自動左ポジショニングに問題があります。

これが私のヘッダーです：

<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-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 に答える