[jQuery mobile]jQuery mobileでナビゲーションバーを表示

jQuery mobileを使ってナビゲーションバーを表示する方法を調査しました。

Navbarを見ると純粋に下記のコードでいけそうだ。

<div data-role="navbar">
  <ul>
    <li><a href="/" class="ui-btn-active">hoge</a></li>
    <li><a href="#" >foo</a></li>
  </ul>
</div>

これ、すごくいけるのは、クリックするとアクティブが自動的に切り替わってくれるところ。

なので、onメソッドでクラスの切り替えをしなくていいのがいいですね。