在Jquery mobile的Footer中獲取按鈕

我需要在頁腳的右側添加按鈕。我像這樣添加它在Jquery mobile的Footer中獲取按鈕

<div data-role="footer" id="ftrMain" name="ftrMain" data-position="fixed"> 
<h4>Copyright 2011</h4> 
<a class="ui-btn-right" data-theme="a" data-ajax="false" href="/login.php?mode=logout">Logout</a> 
</div>

我得到的按鈕，但它是在下一行的開始。如果我將角色更改爲標題，則按鈕位置完美。即使我在頁腳div中添加class =「ui-header」，它也可以正常使用，但是它並沒有得到固定的位置。（'因爲它現在既有風格的用戶界面和UI用戶界面）

如何在不犧牲數據位置的情況下將頁腳上的按鈕放在最右邊？（我需要的數據位置也是固定的）

來源

2011-08-23 itizme

默認情況下，頁腳的右邊距設置爲90px。您需要覆蓋它並使兩個控件浮動，如下所示：

<div data-role="footer" id="ftrMain" style="text-align:center" name="ftrMain" 
    data-position="fixed"> 
    <h4 style="display: inline-block; margin-left: 65px; margin-right: 0"> 
     Copyright 2011</h4> 
    <a class="ui-btn-right" style="margin: 0.4em; float: right" data-theme="a" 
     data-ajax="false" href="/login.php?mode=logout"> 
     Logout</a> 
</div>

P.S.從可用性的角度來看，我會將「註銷」按鈕放在頁面的右上角，而不是放在頁腳中。

來源

2011-08-23 08:34:51 Tsar

謝謝！我可以使版權進入頁腳的中心嗎？ – itizme

是的，你應該可以:) – Tsar

再試一次，應該現在居中 – Tsar

我發現沙皇的回答很有幫助，雖然它看起來並不像大多數那樣需要標記。我得到

<div data-theme="a" data-role="footer" data-position="fixed" data-id="footer"> 
    <a class="ui-btn-right" href="/login.php?mode=logout">Logout</a> 
    <h3>Copyright 2011</h3> 
</div>

同樣的效果（我只在我的桌面瀏覽器測試了這個至今。）貌似神奇的是在ui-btn-right類。還有一個ui-btn-left。

來源

2012-08-06 18:58:06

在Jquery mobile的Footer中獲取按鈕

回答

相關問題