javascript - jQuery + 停止 + 回调函数

Question

据我了解，使用 .stop() 将阻止回调函数触发，对吧？

不幸的是，这似乎在我当前的脚本中不起作用:

newSubMenu.stop().slideToggle(250, function() {
  newSubMenu.css('visibility', 'visible').addClass('open');
});

动画现在在双击时停止，但 newSubMenu 仍然获取类 open，我不明白为什么。

我试图实现的目标是在动画完成之前不应用类open。

Answer 1

来自documentation :

When .stop() is called on an element, the currently-running animation (if any) is immediately stopped. … Callback functions are not called.

如果 stop() 的第三个参数为 true，则调用回调函数。

但是，在您提供的代码中，回调将运行，因为您要停止已经运行的动画，而不是在 stop()< 时尚未运行的 slideToggle() 动画 被调用。

这是一个working example showing the callback being stopped .