2010-09-08 228 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