javascript - 动画完成后 jQuery 更改值

Question

此代码永远不会调用警报 'ane is true'。

可以从 jQuery 方法 "animate" 更改局部变量 'ane' 吗？

在我的代码中，变量 'ane' 始终为假。我尝试使用这种方法来更改 'ane' 值:

function anim() {
  var ane = false;
  $('#element').animate({left:'100px'}, 5000, function(){ ane = true; });
  while(!ane){}
  alert('ane is true');
}

这对我也不起作用:

function anim() {
  var ane = false;
  var ant = function(){ ane = true; }
  $('#element').animate({left:'100px'}, 5000, ant);
  while(!ane){}
  alert('ane is true');
}

感谢回复。

Answer 1

Live Demo

function anim() {
  var ane = false;
    $('#element').animate({left:'100px'}, 5000, function(){
        ane = true;
        if(!$(this).is('animated')){
            alert(ane);
        }
    });
}

一旦动画完成，您将收到提醒。