0

我想在页脚中有 2 个按钮,一个在左侧,另一个在右侧。

固定数据位置,但右侧按钮在页面视图之外几乎没有。

这是代码。

<div data-role="footer" data-theme="d" class="ui-bar" style="height:30px"  data-position="fixed">       
    <a class="ui-btn-left" data-role="button" data-theme="a" id="approvetm">
            Approve
    </a>

    <a id="sendback" data-rel="popup"  data-theme="a"  class="ui-btn-right" data-role="button" data-inline="true">Send Back</a> 
</div>

你能告诉我上面的代码有什么问题吗.....?

4

1 回答 1

1

根据jQuery Mobile 文档,页脚在按钮调节方面与页眉不同。

在选项和配置方面,页脚与页眉非常相似。主要区别在于页脚被设计为比页眉结构更少以提供​​更大的灵活性,因此框架不会像在页眉中那样自动为左侧或右侧的按钮保留插槽

但是,这可以通过覆盖ui-btn-right样式(正确的位置)来解决。

.ui-footer .ui-btn-right { right: 35px !important }

演示

于 2013-06-14T14:01:32.013 回答