JavaScript 下拉菜单

Question

我正在尝试使用 jquery 创建一个 javascript 下拉菜单。我正在使用 hide() 和 show()。我这样做是为了当您单击菜单项时它会显示，但我不知道如何制作它，以便当您单击菜单以外的任何内容时它会隐藏。我之前在多个网站上看到过这种做法。你怎么做？

Answer 1

它的要点：

// variable menu is your jquery menu ref.
var outsideMenu= function(){
    menu.hide();
    // clean up listener
    $(document).unbind('click', outsideMenu);
}

$(menu).mouseout(function(){
    // cursor is off the menu so attach listener
    $(document).click(outsideMenu);
}).mouseover(function(){
    // back to menu, so remove listener
    $(document).unbind('click', outsideMenu);
});

我想你可以从那里得到它；）

Answer 2

这可能就是您正在寻找的内容。