动画完成后运行功能

Question

我试过在.animate（）中给定回调函数（FUNCTIONX），但它会立即触发-并且不等待动画结束。

nav.click(function () {
    holder.stop(true, true);
    var target = $(this).attr('class');

    if (target === 'right') {
        var value = current.width();
        holder.animate({
            right: '+=' + value
        }, slideSpeed, FUNCTIONX());
        current = current.next();
    } else {
        var value = current.prev().width();
        holder.animate({
            right: '-=' + value
        }, slideSpeed, FUNCTIONX());
        current = current.prev();
    }
});

还尝试了.promise（）（如下所示），效果相同。

        var value = current.width();
        holder.animate({
            right: '+=' + value
        }, slideSpeed);
        current = current.next();
        nav.promise().done(function() {
          alert( 'dupa' );
        });

动画结束后，幻灯片效果结束后如何运行？

Answer 1

FUNCTIONX在这里立即被调用。 尝试删除() 。

从：

holder.animate({
  right: '+=' + value
}, slideSpeed, FUNCTIONX());

至：

holder.animate({
  right: '+=' + value
}, slideSpeed, FUNCTIONX);