jquery - 停止 jQuery.css() 函数

Question

有什么方法可以停止 jQuery css() 函数。我知道我可以用 jQuery.stop() 函数停止 jQuery animate() 函数。但我不知道如何停止 css() 函数。谢谢！

Answer 1

你实际上不能只用类来做你想做的事。但在这里你可以做什么：

$('button').click(function(){
    $('span').width($('span').width());
})

当然，您需要针对您的代码进行调整。这里的目标是设置宽度以覆盖按钮单击时的样式表宽度。

Answer 2

如果您想在中途停止动画，您可以在单击 时购买存储当前宽度值button并将宽度应用于<span>.

请参阅我的JsFiddle示例。

jQuery

$('span').animate({'width': '100%'}, 5000)

$(document).on('click', 'button', function(){
    var width = $('span').width();

    $('span').stop(true, true).width(width);
});