Question

我尝试了这个代码，这是第一次使用。但由于某种原因，它之后无法运作。我不明白。

代码如下：

$(document).ready(function(){    
    $("#blue").mouseenter(function(){    
        $("#pink").slideDown("normal", function(){    
            $("#green").animate({width:'toggle'});
        });
    });
    $("#green").mouseleave(function(){
        $("#green").animate({width:'toggle'}, function(){
            $("#pink").slideUp();
        });
    });
});

我想要做的是当你在指定区域之间悬停时有一个幻灯片事件。这似乎是因为我不确定的原因而出现故障。

JS小提琴：http://jsfiddle.net/vL65X/

Answer 1

动画排队。尝试使用.stop()或.clearQueue() ...

编辑：抬头看着doco。

$("#blue").mouseenter(function(){
    $("#pink").stop().slideDown("normal", function(){
    $("#green").stop().animate({width:'toggle'});
        });     
    });
$("#green").mouseleave(function(){
    $("#green").stop().animate({width:'toggle'}, function(){
    $("#pink").stop().slideUp();
        });     
    });

我的JQuery出了什么问题？

1 个答案: