Question

我对这段代码有点麻烦

    $('.tree-item').hover(function() {

    $('#_'+this.id).fadeIn().delay(500).animate({ left: "0px" }, 200);

},function () {
    $('#_'+this.id).animate({ left: "3000px" }, 200, function(){
        $(this).fadeOut().css('display', 'none').animate({ left: "-3000px" }, 300);
    });
    $(this).stop();    
});

我有一个带有链接的树，这段代码会在链接悬停时带来内容云。

我需要它等到最后一个链接悬停操作完成后再启动当前链接操作，因为如果用户在链接上快速盘旋，它看起来会非常混乱..

您可以在这里查看我的意思http://foc.dev.lemon-fresh.co.uk/#program

感谢您的时间。

Answer 1

所有jQuery动画函数都有一个complete回调方法，该方法将在动画完成时执行。

.animate（properties [，duration] [，easing] [，complete]）

参考：http://api.jquery.com/animate/

$(this).animate({}, 200, null, function() {
    //do this when ready...
});

等到这个动画结束后再重复另一个链接

1 个答案: