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移動面板

回答

相關問題