Question

我需要在页脚的右侧添加按钮。我像这样添加它

<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-footer又有ui-header）

如何在不牺牲数据位置的情况下将按钮放在最右侧的页脚上？（我还需要修复数据位置）

Answer 1

默认情况下，页脚右边距设置为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。从可用性的角度来看，我会将“Logout”按钮放在页面的右上角而不是页脚中。

Answer 2

我发现沙皇的回答很有帮助，但似乎大部分标记都不是必需的。我用

得到了同样的效果

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

在Jquery移动中获取页脚上的按钮

2 个答案: