jquerymobile テーマを使用して、ヘッダーのナビゲーション バーでヘッダーとは異なるスウォッチを使用するようにします。http://jquerymobile.com/demos/1.1.1/docs/toolbars/docs-navbar.htmlの下部にある例によると、提供する個々のリンクにテーマを適用するだけでよいようですナビゲーションバーのアイテムとして。例のソースを表示すると、私のコードにあるものと似ています。
現在、見本 A はヘッダー (ロゴ画像がある場所) に適用されていますが、ナビゲーション バーは標準のグレーです。
<section data-role="page" data-theme="a">
<header data-role="header">
<img src="images/mcn-logo-rev.png" id="logo" />
<img src="images/question-mark-in-circle.png" id="help" class="ui-btn-right" />
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="mcn-messages" data-theme="b">Messages</a></li>
<li><a href="#" data-icon="mcn-groups" data-theme="b">Groups</a></li>
<li><a href="#" data-icon="mcn-settings" data-theme="b">Settings</a></li>
</ul>
</div>
<div data-role="navbar">
<ul>
<li><a href="#" data-theme="b">All</a></li>
<li><a href="#" data-theme="b">Unread</a></li>
<li><a href="#" data-theme="b">Search</a></li>
</ul>
</div>
...