在 Jquery mobile 中获取页脚上的按钮答案

【问题标题】：Getting button on Footer in Jquery mobile在 Jquery mobile 中获取页脚上的按钮
【发布时间】：2011-11-01 17:02:19
【问题描述】：

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

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

如何在不牺牲数据位置的情况下将按钮放在最右边的页脚上？（我也需要固定数据位置）

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

默认情况下，页脚的右边距设置为 90 像素。您需要覆盖它并使两个控件浮动，如下所示：

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

附：从可用性的角度来看，我会将“注销”按钮放在页面的右上角而不是页脚中。

【讨论】：

谢谢！！我可以让这个版权出现在页脚的中心吗？
再试一次，现在应该居中

【解决方案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。

【讨论】：