Question

我想生成下拉菜单，菜单是从数据库生成的。这是我的site.master中的代码jquery：

<script language="javascript" type="text/javascript" src="/Scripts/jquery.min.js">
</script>
<script type='text/javascript'>
$(document).ready(function () {
    $('.links li code').hide();
    $('.links li p').click(function () {
    $(this).next().slideToggle('fast');
    });
});
</script>
<link rel="stylesheet" type="text/css" href="index.css" media="all"/>

这是我在观点中的编码：

<ul id='navmenu-v'>
<%: Html.ActionLink(a.Name)%>
<ul>
    <li><a>aaa</a></li>
    <li><a>sss</a></li>
    <li><a>ddd</a></li>
</ul>
</ul>

父母列表是有效的，我想将其悬停以显示第二个列表。但是当我将它悬停时它什么也没做。否则，显示子列表，同时单击父列表。

任何人都知道如何解决它？

感谢。

Answer 1

你必须粘贴完整的标记，但猜测是：

 $(this).next().slideToggle('fast');

更改为：

$(this).find('#navmenu-v').next().slideToggle('fast');

在页面中多次使用相同的id选择器是无效的HTML，请考虑更改

   <ul id='navmenu-v'>

到

    <ul class='navmenu-v'>

在asp.net mvc中生成父列表时创建嵌套列表

1 个答案: