javascript - 动画完成后如何在 JQuery 中执行某些操作()

Question

我有这个函数来移动一个绝对 DIV，我想执行 setTimeout 函数。但是，JQuery 在到达 $().finish() 行时会跳出 hover() 函数。我如何在 finish() 之后执行某些操作？

$('#header li[class!="logo"]').hover(function () {

    var leftStart = $(this).position().left;
    var width = ($(this).width() / 2) - 22;

    $('#header .pointerarrow').animate({ left: leftStart + width }, 400);

}, function () {
    $('#header .pointerarrow').finish();

    //######This does not excecute###########
    setTimeout(function () {
        alert('succeeded');
        var l = $('#header li[class="current"]').position().left;
        var b = ($('#header li[class="current"]').width() / 2) - 22;
        $('#header .pointerarrow').css({ left: l + b });
    }, 500);

});

Answer 1

$('#header .pointerarrow').animate(
    { left: linksstart + breedte },
     400, function() {
       // Animation complete.
  });

在函数 block 中写入完成动画后你想执行什么。