jquery - 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 （红色“I”）。

score 3 · Accepted Answer

问题：#info_box重叠.info_icon导致 mouseout 事件立即触发。因此，最好将信息图标设置为高于z-index信息框。

score 2 · Accepted Answer

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

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

两者兼而有之会引起问题。（它将显示两次，隐藏两次等）。这最终可能会使事情不同步，但更重要的是它只是完全多余的。

此外，您的 info_box 涵盖了触发范围，因此每次显示时，您都会触发mouseout. 这最终会一遍又一遍地切换信息。

这些东西的组合会导致问题，可能会导致您所看到的。先解决这些问题。

2 回答 2