javascript - 高亮前的 stop() 导致颜色不重置

Question

我有以下内容:

$('#list_item_title', this).stop().effect('highlight', {color: '#8DD2F7'}, 700);

当用户尝试使用 0 input.length 提交时会发生这种情况。如果用户多次按下 enter，高亮会叠加，这就是我添加 stop 的原因。现在的问题是动画停止并且输入颜色是高亮颜色的变体，而不是中性白色背景。

有什么想法吗？

Answer 1

stop() 接受一些参数。

.stop( [clearQueue,] [jumpToEnd] )

stop api documentation

您应该以这种方式调用它:

$('#list_item_title', this).stop(false, true).effect('highlight', {color: '#8DD2F7'}, 700);

这样做，当您停止动画时，您的颜色将直接更改为 #8DD2F7。