1

これが私のヘッダーコードです。

<div data-role="header" class="header">
    www.google.com  
</div><!-- /header -->
  1. ヘッダー用に左右に 1 つずつ、2 つのボタンを追加するにはどうすればよいですか。
  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その後にタグを追加してから、2 番目のボタンのマークアップを追加すると、JQM によって自動的に左右に配置されます。JQM がリンクを拡張してスタイルを台無しにするのを防ぐには、その親にdata-role="none" を追加します。attributeh 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 に答える