如何在 jQuery Mobile 中添加子页脚

发布于 2024-11-05 17:08:02 字数 746 浏览 1 评论 0原文

我使用了 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" 创建第二个页脚，但它不太匹配。

基本上是这样的：

https://i.sstatic.net/sfl6g.png

原文

I used the data-role="footer" but I want 2 links below that blue bar to also be part of the footer.

<div data-role="footer" class="footer" id="ftrMain" name="ftrMain" data-position="fixed">
    © 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>

Then I want to fix it to bottom. I tried creating the second footer with data-theme="c" but it doesnt quite match.

Basically like this:

https://i.sstatic.net/sfl6g.png

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何时共饮酒 2024-11-12 17:08:02

与图片不完全一样，但也许你可以玩一下。

实例：http://jsfiddle.net/gN5Fy/20/

导航栏文档：http://jquerymobile.com/demos/1.0a4.1/#文档/工具栏/docs-navbar.html

回复收藏 0 原文

把昨日还给我 2024-11-12 17:08:02

这最终解决了它：

<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;">© 2011 Probity Investigations</div>
</div>

This finally fixed it:

<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;">© 2011 Probity Investigations</div>
</div>

回复收藏 0 原文

~没有更多了~