javascript - jQuery:使用 .stop(xxx, false) 调用 'complete' 回调

Question

有一个库 X 可以对元素 '.the-element' 进行动画处理，并在动画结束时附加一个简单的 complete 回调。必须调用该回调，否则库 X 将停止工作。

库 X 本身不支持卡住(也称为暂停所有动画它们所在的位置)，因此我尝试执行 jQuery('.the-element').stop(false,假)；。但现在回调没有被调用。由于 jQuery 不支持恢复暂停的动画(这是首选，但我不想为此使用插件)，我想自己调用 complete 回调，以便库 X 可以继续它所做的事情。

所以问题来了:如何在使用 .stop(xxx, false) 时调用 complete 回调？

Answer 1

您可以使用 $.fn.animate() 的 options 对象将回调放置在另一个事件中(在您的情况下，它总是 );

$(".the-element").animate(
    {property: 'value'}, {
        duration: 1000,
        done: function() {/* ... */}, // executes when animation reached end value
        complete: function() {/* ... */}, // executes when animation is complete
        fail:  function() {/* ... */}, // executes when animation don't go to end
        always: function() {/* ... */}, // executes always when animation is ended,
                                        // it may be completed or interrupted/stopped
    }
);

Reference for $.fn.animate() .