jqxMenu显示不正确 [英] jqxMenu Not showing properly
本文介绍了jqxMenu显示不正确的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有这个局部视图，我试图使用jqWidget菜单，但它显示不正确
I have this partial view and Im trying to use the jqWidget Menu, but its not showing properly
@model IEnumerable<ShoppingCart.Models.Category>
<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" />
<body>
<div id='content'>
<script type="text/javascript">
$(document).ready(function () {
$("#jqxMenu").jqxMenu({ mode: 'vertical', theme: 'fresh' });
$("#jqxMenu").css('visibility', 'visible');
});
</script>
<div id='jqxWidget'>
<div id='jqxmenu'>
<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>
推荐答案
（ document ）。ready（ function （）{
(document).ready(function () {
（ #jqxMenu）。jqxMenu（{mode ：' vertical'，主题：' fresh'}）;
("#jqxMenu").jqxMenu({ mode: 'vertical', theme: 'fresh' });
（ #jqxMenu）。css（' visibility'，< span class =code-s tring>' visible'）;
}）;
< / script >
< div id =' jqxWidget' >
< div id =' jqxmenu' >
< ul >
@ foreach（模型中的var类别）
{
< li >
< a > @Html .ActionLink（category.Name，Browse，Store，new {Category = category.Name}，null）< / a >
< / li >
}
< / ul >
< / div >
< ; / div >
< / div >
< / body >
("#jqxMenu").css('visibility', 'visible'); }); </script> <div id='jqxWidget'> <div id='jqxmenu'> <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>
这篇关于jqxMenu显示不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
