jQuery移动面板

我想添加一个面板作为侧面菜单使用，但它看起来像我做错了什么。我尝试了解它，但无法看到问题出在哪里。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-->

来源

2013-02-05 Amine

我没有看到任何JQuery来控制面板。它正在加载默认值。你可以添加你的JQuery代码吗？ – Twisty

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

的面板的可见性是由链接触发某个网页上或直接调用面板的open方法。默认值将面板放置在左侧并显示。打开一个面板编程这样的：

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

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

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

我把你的代码中的jsfiddle，没有发现问题，将面板打开正常：http://jsfiddle.net/Twisty/Ej7A7/1/

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

来源

2013-02-05 19:22:57 Twisty

感谢您的帮助！那工作。 – Amine

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

来源

2013-07-03 09:50:18

jQuery移动面板

回答

相关问题