Question

我不确定我是否正确，但我正在尝试在jQuery中创建一个简单的下拉菜单。一旦菜单项悬停在上面，我基本上想要一个div（带链接）..

菜单：

<ul id="mainlevel">
  <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
  <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
  <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>

The Hidden Div：

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

jQuery：

$(".mainlevel_feature-writers").hover(function(){ 
  $(".subMenu").fadeIn("slow"); 
}, function() { 
  $(".subMenu").fadeOut("slow"); 
});

现在，这在隐藏的div中消失并且将其淡化，但是 - 如果有人在新显示的div中的某些东西上盘旋，我该如何阻止它消失？

对不起，如果这是一个非常明显的问题..我还在学习！：）

Answer 1

我认为您需要将mouseover和mouseout事件的处理分开。

据推测，您希望将mouseover处理程序附加到“顶级”菜单元素，并将mouseout处理程序附加到隐藏的“下拉列表”div（带有一些状态代码）管理冲突）。

试图创建一个快速的jQuery下拉菜单

1 个答案: