Question

我正在尝试创建一个下拉列表，我使用此代码

使其工作但不完整

$(document).ready(function(){
 $("#zone-bar li em").hover(function() {
var hidden = $(this).parents("li").children("ul").is(":hidden");

$("#zone-bar>ul>li>ul").hide()        
$("#zone-bar>ul>li>a").removeClass();

if (hidden) {
 $(this)
  .parents("li").children("ul").toggle()
  .parents("li").children("a").addClass("zoneCur");
 } 
  });

}）;

我设法让它工作，所以在悬停下拉列表中会出现这样做但是当您从下拉列表中选择其中一个项目时，下拉列表会关闭任何帮助解决这个问题都将非常感谢。

Answer 1

构建下拉菜单时，您必须确保悬停按钮和子菜单之间没有间隙。如果存在间隙，则会导致它消失，因为在将鼠标放入子菜单之前，您已将鼠标移出顶部菜单项。您还可以添加一点延迟，以免它立即消失。

悬停的Jquery不会停留

1 个答案: