2010-09-08 154 views
0

我想用jquery创建一个下拉式的javascript菜单。我使用hide()和show()。我做到了这一点,当你点击一个菜单项时,它会显示出来,但我不知道如何制作它,以便当你点击菜单以外的任何东西时,它将隐藏。我之前看到它在多个网站上完成。你怎么做呢?下拉列表javascript菜单

回答

2

它的要点:

// 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); 
}); 

我想你可以把它从那里;)

+0

准确,谢谢 – chromedude 2010-09-08 22:05:03