Question

这是我的标题代码。

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

如何添加两个按钮，左右两个按钮用于我的标题。
如何添加指向“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;
}

Answer 1

要添加按钮，您只需添加左按钮的标记，然后添加h标记，然后添加第二个按钮的标记，JQM should automatically将它们放置在右侧和左侧。为防止JQM增强您的链接并弄乱您的风格，您可以将data-role="none" attribute添加到其父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>

Answer 2

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

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

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

你也可以给'ui-btn-left'＆amp; 'ui-btn-right'类到超链接。

关于JQuery Mobile的两个问题

2 个答案: