Question

我使用了data-role =“footer”但我希望蓝色栏下面的2个链接也是页脚的一部分。

<div data-role="footer" class="footer" id="ftrMain" name="ftrMain" data-position="fixed">
    &copy; 2011 Probity Investigations
</div>
<div data-role="footer" id="subfooter" name="subfooter" >
    <div style="float: left;">
        <a href="../../agents/index.php" rel="external">Full Site</a>
    </div>
    <div style="float: right;">
        <a href="logout.php" rel="external">Logout</a>
    </div>
</div>

然后我想把它修复到底部。我尝试使用data-theme =“c”创建第二个页脚，但它并不完全匹配。

基本上是这样的：

http://i.stack.imgur.com/sfl6g.png

Answer 1

不完全像图片，但也许你可以玩它。

直播示例：http://jsfiddle.net/gN5Fy/20/

有关导航栏的文档：http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-navbar.html

Answer 2

这最终解决了它：

<div data-role="footer" class="ui-bar" data-position="fixed">
<a href="../../agents/index.php" rel="external" data-role="button">Full Site</a>
<a style="float:right; margin-right:25px;" href="logout.php" rel="external" data-role="button">Logout</a>
<div style="margin: 0 auto; width: 230px; bottom: 30px; position: relative;">&copy; 2011 Probity Investigations</div>
</div>

如何在jQuery Mobile中使用subfooter

2 个答案: