Question

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

默认情况下，面板不会被隐藏（不确定它是否应该如何表现），我无法将其滑出/滑出。

这就是我所拥有的。感谢您的帮助。

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

Answer 1

就在这里：http://jquerymobile.com/demos/1.3.0-beta.1/docs/panels/index.html

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

$( "#idofpanel" ).panel( "open" , optionsHash );

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

<a href="#mypanel">Open panel</a>

我将您的代码放入jsFiddle并发现没有问题，面板正常打开：http://jsfiddle.net/Twisty/Ej7A7/1/

确保您使用的是最新的JQuery和JQM框架。

Answer 2

我遇到了同样的问题，但在我的情况下，CSS文件（从jQuery移动网站下载）似乎已损坏。下载无主题的CSS文件后，它按预期工作。现在问题似乎已经解决了！

jQuery移动面板

2 个答案: