jQuery mobile panels

Je suis en train d'ajouter un panneau à utiliser comme un menu latéral, mais il semble que je suis en train de faire quelque chose de mal. J'ai essayé de dépannage, mais ne peuvent pas voir où est la question.

Le panneau n'est pas masqué par défaut (pas sûr si c'est comment il devrait se comporter) et je n'arrive pas à le glisser/.

Voici ce que j'ai. J'apprécie votre aide.

<!-- @ Page = menu -->
<div data-role="page" id="menu">

    <div data-role="panel" id="myPanel" class="main_nav" data-display="push"  data-dismissible="true" data-theme="a">

        <div class="nav_profile">
            <div class="nav_thumb"><img src="images/nav_thumb.png" width="64" /></div>
            <div class="nav_name">
                <h3>user</h3>
                <p>2 active threads</p>
            </div><!--/nav_name-->
        </div><!--/nav_profile-->


    </div><!-- /panel -->

    <div data-role="header" class="header" data-position="fixed" role="banner" >

        <h3>Threads (2)</h3>
        <a href="#" class="right menu_button">New</a>
    </div>

    <div data-role="content">
        <a href="#myPanel" data-rel="panel" data-role="button" class="menu_icon left" ></a>
        <div class="head_search">
            <input type="text" class="search rounded" placeholder="Search" />
        </div>


    </div>

</div><!--/menu-->

OriginalL'auteur Amine | 2013-02-05