jquery - JQuery幻灯片悬停菜单卡在鼠标悬停上

Question

转到：http ://www.radiofriendly.freehosting.com/menu/menu2.html

重现问题的步骤：

1) 将鼠标放在青色背景右侧的“Insight Quick Links”链接上。

2) 一旦蓝色菜单滑出，将鼠标移动到该区域。

3) 现在快速将鼠标移动到“合同详情”链接。

请注意，蓝色菜单仍处于打开状态。它应该已经关闭了。有人可以在这里告诉我我需要在js中修改什么来修复这个错误吗？请尽可能具体。我是 Jquery 的新手。谢谢！

Answer 1

我会说问题是你的 div 下拉列表中的结构。将下拉列表中的 ul/li 更改为

或其他东西，你不会看到问题。:D 抱歉，这不是您正在寻找的，但它会解决问题

<div id="navigation_vert">
  <ul>
    <li>
      <a href="#" class="navlink">Insight Quick Links</a>
      <div class="dropdown" id="dropdown_two">            
        <p>                       
          Some Text Stuff WITHOUT "<ul>" or "<li>"
        </p>
      </div><!-- .dropdown_menu --> 
    </li>
  </ul>
</div>

PS 我会在底部查看您的注册，那里的列表似乎有一个很好的项目符号列表，您可以建模，或者甚至将列表包装在 div 中将解决所有问题

 <li>
                  <a href="#" class="navlink">Insight Quick Links</a>
                  <div class="dropdown" id="dropdown_two" style="background: blue">            
                    <p>
                      <a href="">My Quotes (DAF)</a>
                      <a href="">My Opportunities</a>
                      <a href="">My Customer's Assets</a>
                      <a href="">Insight Partner Support</a>
                      <a href="">New Account Request Form</a>                        
                    </p>
                  </div><!-- .dropdown_menu --> 
                </li>

我知道这会改变页面的外观，但它是这样工作的