jQuery的鼠標懸停/懸停後停止工作

我使用jQuery的鼠標懸停做一些事情。但如果我將鼠標移動大約5-7次，它就會凍結。jQuery的鼠標懸停/懸停後停止工作

爲什麼會出現此問題？

我嘗試了鼠標懸停和懸停。

代碼示例：

$('span.info_icon').mouseover(function() { 
    $('#info_box').show(600); 
}).mouseout(function(){ 
    $('#info_box').hide(600); 
});

2012-04-09 skywind

我無法重現您的問題。此外，我看到幻燈片的效果，而不是隱藏/顯示，你可能改變了它之後。但考慮在動畫之前使用.stop（true，true）。如果你徘徊很多次，你會明白我的意思 – 2012-04-09 22:26:12

問題：#info_box與.info_icon重疊，導致立即觸發mouseout事件。因此，如果您給信息圖標比信息框更高z-index會更好。

2012-04-09 22:20:44 Alp

首先，你必須jQuery和內嵌腳本都定義：

<span class="info_icon" onmouseout="showMess('info_box');" onmouseover="showMess('info_box');"></span>

有兩個會造成問題。（它會顯示兩次，隱藏兩次，等等）。這最終可能得到的東西不同步的，但更重要的是它只是普通的冗餘。

此外，您info_box覆蓋觸發跨度，因此每次顯示的時候，你觸發mouseout。這將最終反覆切換信息。

這些東西的結合將導致可能會導致你所看到的問題。首先解決這些問題。

2012-04-09 22:27:27

回答