Question

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

重现问题的步骤：

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

2）蓝色菜单滑出后，将鼠标移动到该区域。

3）现在快速将鼠标移动到“合同细节”链接。

请注意，蓝色菜单仍处于打开状态。它应该关闭。有人可以在这里向我展示我需要在js中修改以修复此错误。请尽可能具体。我是Jquery的新手。谢谢！

Answer 1

我会说问题是你的div内部结构下拉列表。将ul / li INSIDE下拉到

或其他内容，您将看不到问题。：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>

P.S。我会看看你在底部的注册，列表似乎有一个很好的子弹列表，你可以建模或甚至只是将列表包装在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>

我知道这会改变页面的样子，但它的工作原理

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

1 个答案: