Jquery jqWidget菜单未正确显示_Jquery_Asp.net Mvc 4

Jquery jqWidget菜单未正确显示

jquery asp.net-mvc-4

Jquery jqWidget菜单未正确显示,jquery,asp.net-mvc-4,Jquery,Asp.net Mvc 4,我有一个局部视图和一个类别列表，但我想使用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

我有一个局部视图和一个类别列表，但我想使用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" />

但是它们就像普通的li标记一样显示，我使用的是mvc4，下面是代码的其余部分：

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

据我所知，HTML结构是不正确的。菜单要求在DIV标签下面有UL标签，这里有2个嵌套的DIV标签。

我找到了解决方案，似乎布局页面没有加载引用，所以我在每个视图上都包含了引用，现在可以正常工作。

我删除了1个DIV标签，但仍然没有任何内容。