將按鈕添加到標題右側

我想在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>

來源

2012-04-12 Glenn Van Cauwenbergh

使用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-12 10:34:37

感謝您的快速回復。 – 2012-04-12 11:05:45

我正好使用相同的類，但鏈接仍然在左側，爲什麼？ – Malloc 2014-03-27 16:36:39

如果你要使用class="ui-btn-right"在<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-23 04:58:14

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

Official Documentation

來源

2015-08-06 12:24:58

將按鈕添加到標題右側

回答

相關問題