关于JQuery Mobile的两个问题

这是我的头文件代码。关于JQuery Mobile的两个问题

<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; 
}

来源

2012-07-16 John Cooper

要添加按钮，你只需要添加的左键的标记，随后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>

来源

2012-07-16 14:56:18 Jack

写的jQuery移动的.css所需的类文件。如果它不是缩小的一个版本，我们可以修改它sure.You可以添加自定义类，以便该主题不会影响颜色方案和样式。您也可以将'ui-btn-left'&'ui-btn-right'类放入超链接。

来源

2013-05-15 05:24:50 Daenarys

关于JQuery Mobile的两个问题

回答

相关问题