Блог

Я хочу сгенерировать выпадающее меню, которое меню генерирует из базы данных. Это код jquery на моем сайте.master :

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

Список родителей — это работа, и я хочу навести на него курсор, чтобы отобразить второй список. Но он ничего не делает, когда я навожу на него курсор. В противном случае отображается дочерний список, пока я нажимаю родительский список.

Кто-нибудь знает, как это решить?

Спасибо.

Вы должны вставить полную разметку, но предположение:

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

изменить на:

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

кроме того, использование одного и того же селектора идентификаторов много раз на странице является недопустимым HTML, рассмотрите возможность изменения

    <ul id='navmenu-v'> 
  

Для

     <ul class='navmenu-v'>