1

这是我的标题代码。

<div data-role="header" class="header">
    www.google.com  
</div><!-- /header -->
  1. 如何添加两个按钮，一个在我的左侧，一个在我的标题右侧。
  2. 如何添加指向“www.google.com”的链接。

当我尝试添加链接时，它会忽略class property of div并带来棕色标题，而不是在我的div.header css class.

<div data-role="header" class="header">
     <a href="http://www.google.com">www.google.com</a>     
</div><!-- /header -->

下面是 CSS 类。

div.header{
    background: url('../images/green-bg.png');
    margin-top:auto;
    height:auto;
    text-align:center;  
    width:auto;
}
4

2 回答 2

2

要添加按钮，您只需添加左侧按钮的标记，然后添加一个h标记，然后是第二个按钮的标记，JQM 应该自动将它们定位在右侧和左侧。为了防止 JQM 增强您的链接并弄乱您的样式，您可以将data-role="none" attribute添加到它的 parent h element。

例如

<div data-role="page">
<div data-role="header" class="header">
<a href="#" data-icon="back" data-role="button" >Button 1</a>
<h1><a href="http//www.google.com" rel="external" data-role="none">Google.com</a></h1>
<a href="#" data-icon="gear" data-role="button">Button 2</a>
</div>
<div data-role="content">
<p>Test</p>
</div>
</div>
于 2012-07-16T14:56:18.553 回答
0

在 jquery mobile .css 文件中编写所需的类。

如果它不是缩小版本，我们可以肯定地对其进行编辑。

您可以将自定义类添加到其中，这样主题就不会影响配色方案和样式。

您也可以为超链接提供“ui-btn-left”和“ui-btn-right”类。

于 2013-05-15T05:24:50.670 回答