首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jqWidget菜单显示不正确

jqWidget菜单显示不正确
EN

Stack Overflow用户
提问于 2013-10-02 21:05:48
回答 2查看 755关注 0票数 1

我有一个部分视图,我有一个类别列表,但是我想使用jqWidget菜单,我已经做了引用

代码语言:javascript
复制
<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,下面是代码的其余部分:

代码语言:javascript
复制
<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>   
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-03 14:42:44

我找到了解决方案,似乎_layout页面没有加载引用,所以我在每个视图中都包含了引用,现在它可以工作了。

票数 0
EN

Stack Overflow用户

发布于 2013-10-03 06:16:02

据我所知,HTML结构不正确。菜单需要DIV标签下面的UL标签,这里有两个嵌套的DIV标记。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19146819

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档