事件冒泡與jQuery的鼠標，過早隱藏

我有一個jQuery的問題，我不能包裝我的腦海周圍什麼是錯的。我懷疑這是媒體冒泡的事情，但我不確定。我已經將foo，plym-flyout和第一個鼠標監聽器改變了..只要鼠標進入，它們都會隱藏起來。事件冒泡與jQuery的鼠標，過早隱藏

它的工作原理是，如果我在獨立於菜單的類上聽它的工作正常。另外我不確定是否有一些CSS被絕對定位與此有關。

<ul class="plym-flyout" style="display: none;"> 
    <ul class="foo"> 
     <li class="first"><a href="">My Entries</a></li> 
     <li><a href="">I'm Watching</a></li> 
     <li><a href="">Leaderboard</a></li> 
     <li><a href="">My Tickets</a></li> 
     <li><a href="">My Account</a></li> 
     <li class="last"><a href="">Refer Friends</a></li> 
    </ul> 
    <ul class="plym-dropShadow"></ul> 
</ul>

- JS -

$(".hdr-user").click(function() { 
    $(".plym-flyout").toggle(); 
}); 

$(".foo").mouseout(function() { 
    $(".plym-flyout").hide(); 
});

來源

2012-07-26 SkinnyG33k

jsfiddle實際上適合你嗎？我們沒有你的圖片。 – jeschafe 2012-07-26 22:46:20

只要複製問題，我忘記提及我沒有重新鏈接圖像。 – SkinnyG33k 2012-07-26 23:58:27

使用mouseleave而不是mouseout：

http://jsfiddle.net/txA8r/

http://api.jquery.com/mouseleave/

http://api.jquery.com/mouseout/

來源

2012-07-26 22:42:55 Bogdan

哇，完美！，非常感謝=）將鼠標靜音偵聽器嵌套在點擊偵聽器中是否有好處，所以它只能在點擊後進行偵聽？或者這對錶演無關緊要？ – SkinnyG33k 2012-07-26 23:57:11

這個事件在DOM準備時只綁定一次，所以在這種情況下性能不是問題 – Bogdan 2012-07-27 00:24:02

事件冒泡與jQuery的鼠標，過早隱藏

回答

相關問題