Question

我正在处理这个jQuery下拉菜单，但代码无效。我认为它可能与css属性有关.dropdown ul {display：none}

我对jQuery不太好（还）...有什么建议吗？

Answer 1

我不确定您使用的是哪个下拉库，但似乎您的HTML错误。

你有：

<li><a href="#">Item 2</a></li>
<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>

请改为尝试：

<li>
  <a href="#">Item 1  
    <ul>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 4</a></li>
    </ul>
  </a>
</li>

Answer 2

查看http://codepen.io/anon/pen/qtaLi 这是你想要的吗？您的HTML应该像

 <li><a href="#">Item 1</a> 
      <ul>
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
        <li><a href="#">Item 4</a></li>
     </ul>
</li>

和CSS：

.dropdown li:hover > ul{
  display:block;
}

Jquery下拉菜单 - 不工作

2 个答案: