0

このコードに少し問題があります

    $('.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

御時間ありがとうございます。

4

1 に答える 1

5

すべてのjQueryアニメーション関数にはcomplete、アニメーションが完了したときに実行されるコールバックメソッドがあります。

.animate（プロパティ[、期間] [、イージング] [、完了]）

参照：http ：//api.jquery.com/animate/

$(this).animate({}, 200, null, function() {
    //do this when ready...
});
于 2012-04-20T09:45:27.220 に答える