如何在JQuery UI中重现JQuery的finish（）方法？

Question

JQuery提供了一个方法（.finish()）来尽早结束JQuery方法... JQuery UI有一个方法来完成相同的任务吗？ （.finish() does not work。）

演示HTML：

<button id='first'>Fade out / Highlight red</button>
<br>
<button id='second'>Fade in / Snap blue</button>
<br>
<span id='jquery'>JQuery animation</span>
<br>
<span id='jquery-ui'>JQuery UI animation</span>

演示脚本：

$(function() {
    $('#first').click(function (event) {
        $('#jquery').fadeOut(3000);

        $('#jquery-ui').effect('highlight', { color: 'red' }, 3000);
    });

    $('#second').click(function (event) {
        $('#jquery').finish();
        $('#jquery').fadeIn(3000);

        $('#jquery-ui').finish();  // Doesn't seem to do anything.
        $('#jquery-ui').css('background-color', 'blue');
    })
});

修改

虽然.stop()恰好适用于我的应用，.stop(true, true)可能适用于其他应用，但它们都没有回答原始问题，即是否可以实现与.finish()相同的功能。 .finish() foreach (Control btn in this.panel3.Controls) { if ((btn) is Button) { btn.Width += 10; btn.Height += 10; } } 描述了细微差别：除了将当前动画捕捉到其目标值之外，它对所有待处理动画也是如此。