我有一个部分视图,我有一个类别列表,但是我想使用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标记一样,我使用的是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> 发布于 2013-10-03 14:42:44
我找到了解决方案,似乎_layout页面没有加载引用,所以我在每个视图中都包含了引用,现在它可以工作了。
发布于 2013-10-03 06:16:02
据我所知,HTML结构不正确。菜单需要DIV标签下面的UL标签,这里有两个嵌套的DIV标记。
https://stackoverflow.com/questions/19146819
复制相似问题