Question

我的问题是在我的问题中找到合适的搜索词。我认为这个论坛有一些答案。

我想启动一个mouseOver事件，该事件对拟合动作起作用。目前，当我徘徊并离开one-div时，它首先执行mouseenter，并在完成之后执行mouseleave。

我需要的是当我用鼠标离开one-div时。应立即激活mouseleave事件。

我知道它与.ready函数有关，但我找不到任何其他函数。

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").slideDown("normal");
    });
    $("div#one").mouseleave(function() {
        $("div#two").slideUp("normal");
    });
});

Answer 1

试试这个，可能对你有帮助。

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").stop().slideDown("normal");
    });
    $("div#one").mouseleave(function() {
        $("div#two").stop().slideUp("normal");
    });
});

Answer 2

mouseenter和mouseleave工作正常，这是你在不停止队列的情况下排队的动画。试试这个：

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").stop(true, true).slideDown("normal");
    }).mouseleave(function() {
        $("div#two").stop(true, true).slideUp("normal");
    });
});

Answer 3

您需要添加stop()才能中止当前正在运行的动画。

请参阅此fiddle

JQuery分手动作而不是另一个

3 个答案: