2013-10-02 58 views
1

我有局部視圖和我有分類的列表,但我想用jqWidget菜單,我已經做了引用jqWidget菜單顯示不正確

<link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.base.css" type="text/css" /> 
    <link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.base.css" type="text/css"/> 
<script type="text/javascript" src="../../Scripts/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="../../Content/scripts/gettheme.js"></script> 
<script type="text/javascript" src="../../Content/jqwidgets/jqxcore.js"></script> 
<script type="text/javascript" src="../../Content/jqwidgets/jqxmenu.js"></script> 
<script type="text/javascript" src="../../Content/jqwidgets/jqxcheckbox.js"></script> 
<link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.fresh.css" type="text/css" /> 

但他們只是顯示像正常的李標籤,我使用的MVC 4,這裏是其餘的代碼:

<body> 
    <div id='content'> 
     <script type="text/javascript"> 
      $(document).ready(function() { 

       $("#Menu").jqxMenu({ mode: 'vertical', theme: 'fresh' }); 
       $("#Menu").css('visibility', 'visible'); 
      }); 
     </script> 
     <div id='Menu'> 
      <div > 
       <ul> 

        @foreach (var category in Model) 
        { 
         <li> 
          <a>@Html.ActionLink(category.Name, "Browse", "Store", new { Category = category.Name }, null)</a> 
         </li> 
        } 
       </ul> 
      </div> 
     </div> 
    </div> 

</body> 

回答

0

我找到了解決方案,似乎_layout頁面沒有加載引用,所以我在每個視圖中都包含引用,它現在可以工作。

0

根據我,HTML結構不正確。菜單需要DIV標籤下面的UL標籤,這裏有2個嵌套的DIV標籤。

+0

我刪除了1個Div標籤,但什麼也沒有。 –