jQuery：使用 .stop(xxx, false) 调用“完成”回调

Question

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

库 X 本身不支持冻结（也就是暂停所有动画它们所在的位置）所以我尝试做jQuery('.the-element').stop(false, false);。但是现在回调没有被调用。由于 jQuery 不支持恢复暂停的动画（这是首选，但我不想为此使用插件），我想自己调用 complete-callback，以便库 X 可以继续它的工作.

那么问题来了：如何在使用.stop(xxx, false)时调用complete-callback？

Answer 1

您可以使用$.fn.animate() 的options-object 将回调放置在另一个事件上（在您的情况下是always）；

$(".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().