ヘッダの右側にボタンを追加

Question

jQueryモバイルのヘッダの右側にアイコンボタンを追加したいと思います。 自動左位置調整に問題があります。ここで

は私のヘッダーです：

<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> 

Answer 1

使用class="ui-btn-right"またはあなたがclass="ui-btn-right"<a>で意志を使用して右に整列する複数のボタンを持っている場合は<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> 

Answer 2

でクラスui-btn-rightを追加しますすべてのボタンをお互いの上に置きます。代わりにdivを折り返して右に浮かべることができます。

Answer 3

jQuery Mobileバージョン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> 

Official Documentation