Comment utiliser navbars sous forme d'onglets en jquery mobile

C'est le code suivant que j'ai essayé de violon
Jsfiddle code

<div data-role="navbar">
<ul>
    <li><a href="#tab-1">Tab1</a></li>
    <li><a href="#tab-2">Tab2</a></li>
    <li><a href="#tab-3">Tab3</a></li>
</ul>
</div>

<div data-role="content">
    <div id="tab-1">
       <h2>Here is the first tab</h2>
    </div>

    <div id="tab-2">
        <h2>Here is the second tab</h2>
    </div>
    <div id="tab-3">
        <h2>Here is the third tab</h2>
    </div>
</div>
  1. J'ai besoin de montrer le premier onglet & son contenu par défaut
  2. J'ai besoin de masquer le contenu de l'onglet autre lorsque l'un particulier de l'onglet est affiché

Comment faire?

Ses Jquery mobile widget.. Vous pouvez le vérifier ici jquerymobile.com/test/docs/toolbars/docs-navbar.html
vous n'avez pas à inclure rien d'autre? juste jQuery 1.7.1?
nous avons besoin d'inclure jquery.mobile-1.0.1.min.js,jquery.mobile 1.0.1.min.css & jQuery 1.7.1 pour jquery mobile pour le travail 🙂
En fait, vous avez besoin de jQuery 1.6.4. jQuery-Mobile 1.0.1 encore ne prend pas en charge jQuery 1.7.1.

OriginalL'auteur Coder_sLaY | 2012-02-23