javascript - jQuery Mobile 双页脚

Question

我有一个非常简单的 jQuery 移动页面，并且想在页面底部的页脚正上方显示版权消息。

在页脚中，我有几个按钮，版权信息应该以小的纯文本形式出现在页脚上方的右角……我认为它是一种双页脚。

当我将版权信息添加到页脚时，它将继承不需要的页脚数据主题。当我将它添加到我的网站内容时，它不会在页面底部显示版权。任何关于在哪里注入我的版权信息的提示都非常感谢。

Answer 1

理想情况下，我需要查看一些 html 来尝试解决您的确切问题，但是您想要的要点是：

<div style="position: absolute; bottom: 0; width: 100%">
     <div style="width: auto; text-align: right">Copyright...</div>
     <div style="border: 2px solid red; width: auto">footer</div>
</div>

Answer 2

使用一些 CSS 魔法很容易

1. 创建一个“版权”CSS 类：

.copyright {    
  font-size: 0.75em;    
  margin-top: -20px;   
  float:right;    
  padding-right: 5px; 
}

备注：
一。'margin-top' 使它呈现在您的页脚上方 b。'float:right' 放在屏幕的右侧。如果需要，使用 'float:left' 或 'float:center'。

1. 在您的页脚中，使用版权类。

< div data-role="footer">
  < span class='copyright'>&copy; My Company Ltd</span>
  < h4>Footer </h4>
  < a href="#" data-rel="back" data-icon="home">Home</a>
< /div>