Два вопроса на JQuery Mobile

Question

Вот мой код заголовка.

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

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 мобильного .css file.If это не уменьшенная версии, которую мы можем изменить его для sure.You может добавить свои настроенные классов к нему так, что тема не повлияет на цветовую схему и стиль. Также вы можете дать классы «ui-btn-left» & «ui-btn-right» для гиперссылок.