如何讓鼠標懸停在下拉菜單上？

$("#home-shop-first").hover(function(){ 
    $("#first-button-box").slideToggle(); 
});

這可用於顯示下拉框，但現在我需要能夠添加指向此框中內容的鏈接，並讓用戶能夠將鼠標懸停並單擊它們。如何讓鼠標懸停在下拉菜單上？

我可以修改我所擁有的或我需要完全重新考慮的內容嗎？

順便說一句 - 這是六個之一，儘管ID'd div都不是列表元素的一部分。如果有幫助，我很樂意改變這一點。

如果您在下拉菜單後關閉'＃home-shop-first'元素，當您將鼠標移到下拉項目上時，鼠標將保持徘徊在元素中的元素將保持打開狀態... – henryaaron 2012-03-11 18:42:37

對不起，我對於jQuery而言，我不太清楚該怎麼做？ – 2012-03-11 18:46:43

請向我們展示您的代碼，製作一個jsfiddle。 http://www.jsfiddle.net – Alex 2012-03-11 18:47:04

如果下拉後關閉#home-shop-first元素，當你在下拉菜單項移動鼠標時，鼠標將保持徘徊元素的元素將保持開放......使用jQuery

無關，只需在#first-button-box之前打開標識爲#home-shop-first的元素，並在#first-button-box之後關閉它。像這樣：

2012-03-11 18:57:42 henryaaron

我剛剛建議您創建答案，因爲您在評論中回答完我的問題。謝謝你不要因爲這樣一個笨蛋而毆打我！ :) – 2012-03-11 19:03:57

@MichaelDavis別擔心我以前見過smiler問題... – henryaaron 2012-03-11 19:05:12

在這種情況下你#first-button-box在#home-shop-first你可以簡單地結合不同的事件不包埋。像'mouseenter'：

$("#home-shop-first").bind('mouseenter',function(){ 
    $("#first-button-box").slideToggle(); 
});

還有很多其他的解決方案。如果有很多元素可以避免每個按鈕的ID（如果不是必要的話），我會做一些事情like that。

2012-03-11 19:07:05 rayfranco

回答