Jquery mobile jQuery移动面板

我正试图添加一个面板用作侧菜单，但看起来我做错了什么。我已尝试对其进行故障排除，但看不出问题所在

默认情况下，面板没有隐藏（不确定它是否应该隐藏），我无法将其滑出/滑入

这是我的。我感谢你的帮助

<!-- @ 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-->

用户
2个活动线程

螺纹（2）

在这里：

面板的可见性通过页面上某个位置的链接或 直接调用面板的open方法。默认设置用于放置面板 在左边，它将被显示。以编程方式打开面板 像这样：

$（“idofpanel”）。面板（“打开”，选项哈希）

要通过链接控制面板，请将href指向引用的ID
要切换的面板（上面示例中的mypanel）。这
指示框架将链接绑定到面板。此链接将
切换面板的可见性，以便点击它将打开面板，
再次轻敲它将关闭它


我将您的代码放在JSFIDLE中，没有发现任何问题，面板正确打开：

确保您使用的是最新的JQuery和JQM框架。
我也遇到了同样的问题，但在我的例子中，CSS文件（从JQuery移动站点下载）似乎已损坏。在下载了无主题CSS文件后，它按预期工作。这个问题现在似乎已经解决了
 我没有看到任何JQuery可以控制面板。它正在加载默认值。您可以添加JQuery代码吗？