2011-09-27 304 views
0

我使用jQuery變量「mouseover」和「mouseout」來顯示一個DIV元素時懸停在另一個。jQuery鼠標懸停問題

http://74.54.17.66/~adbuynet/case-studies/ - 如果您將鼠標懸停在右上角的「號召性用語」上,則會看到下拉菜單。

問題是,當鼠標懸停在下拉本身上時,下拉菜單開始表現時髦並且不保持打開狀態。我的jQuery代碼是:

$("#call-to-action").mouseover(function(e) {  
    $("#call-to-action-dropdown").show("slide", { direction: "up" }, 200); 
    e.stopPropagation(); 
    }); 
    $("#call-to-action").mouseout(function(e) {  
    $("#call-to-action-dropdown").hide("slide", { direction: "up" }, 200); 
    }); 
}); 

請問我有什麼錯誤?

+0

聽起來驚人的相似http://stackoverflow.com/questions/7569211/help- with-jquery-dropdown – Blazemonger

+1

嘗試使用'.stop()' – seoppc

回答

2

使用mouseentermouseleave代替mouseovermouseout。請參閱http://api.jquery.com/mouseenter/

(你幾乎從來沒有想用mouseover/mouseout,當你這樣做,你就會知道它。)