jquery动画完成

Question

好吧，我有一个可滚动的选项卡类，它工作得很好，但现在我想隐藏控件，如果它们无法沿它们想要的方向滚动。所以我有这样的东西；

function tab_left(){
  $(".tab_link").each(function(){
    //animation here
  });
}

然后我想创建一个函数来确保它们都没有动画(因为如果它们存在，位置将不正确)。然后它会将图像固定为显示或不显示。我遇到的问题是检查它们是否都没有动画。如有任何帮助，我们将不胜感激。

Answer 1

要检查某个元素是否正在动画化，您可以执行以下操作:

if( $("#the-great-div").is(":animated") ){
  alert("Yay!");
}

或者，如果您愿意，您可以设置动画完成时调用的回调:http://docs.jquery.com/Effects/animate

var finished = 0;
var callback = function (){
  // Do whatever you want.
  finished++;
}
$("#div").animate(params, duration, null, callback);

该回调参数通常在所有动画函数中都可用，而不仅仅是 animate。最后，如果您想跟踪已完成的项目数量，则应该使用全局变量(如本例中的 finished)。