jquery - 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);

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