jQuery mouseover / hover在几次停止后停止工作

Question

我使用jQuery mouseover做某事。但是如果我将鼠标移动大约5-7次 - 它会冻结。

为什么会出现此问题？

我尝试鼠标悬停并悬停。

代码示例：

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

实例：http://dev.dolina-imeniy.ru/fotogalereya/kp_usadba_tishnevo（红色“我”）。

Answer 1

问题：#info_box与.info_icon重叠，导致立即触发mouseout事件。因此，如果您将信息图标设置为比信息框更高z-index，那会更好。

Answer 2

首先，您同时定义了jQuery和内联脚本：

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

两者都会导致问题。 （它会显示两次，隐藏两次等）。这最终可能会使事情失去同步，但更重要的是，它只是简单的多余。

此外，您的info_box涵盖了触发范围，因此每次显示时，您都会触发mouseout。这将最终反复切换信息。

这些事情的组合将导致可能导致您所看到的问题。首先解决这些问题。