mouseover / mouseout jquery

如何解决mouseover / mouseout jquery

| 我有一个mouSEOver和mouSEOut，在这里我在mouSEOver上隐藏/显示一些div，然后在mouse out上反转隐藏/显示。它可以工作，但是如果我快速将鼠标移至Div上，我将鼠标悬停以显示div，它将来回移动大约3次，显示并隐藏。我想念什么？

$(\"TABLE.tbl-graphs DIV.util\").mouSEOver(
    function(){
        $(\"DIV.pic-container,DIV.util-info\").hide(\"slow\");
        $(\"DIV.util-description\").show(\"slow\");
    });
$(\"TABLE.tbl-graphs DIV.util\").mouSEOut(
    function(){
        $(\"DIV.pic-container,DIV.util-info\").show(\"slow\");
        $(\"DIV.util-description\").hide(\"slow\");
    });

    

解决方法

在呼叫

.show()

或

.hide()

之前使用

.stop()

。您可能还想使用

mouseenter

和

mouseleave

-区别在于起泡。 尝试以下尺寸：

var $divs = $(\"div.pic-container,div.util-info,div.util-description\");

$(\"table.tbl-graphs div.util\").live(\'mouseenter mouseleave\'
function() {
    $divs.stop().toggle(\"slow\");
});

请注意，要显示/隐藏的ѭ7，必须处于正确的初始状态才能正常工作。     ,我认为您正在寻找出队：http://api.jquery.com/dequeue/ 这不允许排队的事件（例如，将鼠标悬停在div上并使其淡入淡出3次，只有一次）     ,解决此问题的常用方法是使用一个简单的标志，因此，例如，如果当前正在执行某项操作，它将忽略鼠标请求

if(flag) return;
flag = true

然后将flag = false的回调添加到您的函数中     ,尝试.stop（true，true）以防止动画排队。 http://api.jquery.com/stop/ 您可能还需要检出.hover（handlerIn，handlerOut）。 http://api.jquery.com/hover/#hover1