3

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

该面板默认情况下不隐藏（不确定它是否应该这样做），我无法让它滑出/滑入。

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

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

2 回答 2

2

它在这里：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 框架。

于 2013-02-05T19:22:57.897 回答
1

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

于 2013-07-03T09:50:18.467 回答