当另一个完成时激活div

Question

我想要实现的是当我按下一个按钮时，出现一条垂直线，该线从一个点开始并在一个（随机）px之后结束。这是行得通的。

当该事件完成后，我想要一个圆圈出现在它的下面，它有点不错，除了当我按下按钮时出现圆圈，而不是当垂直线条完全加载时出现圆圈。

为了便于说明，我希望当垂直线位于末端时出现圆圈。谢谢！

$(document).ready(function(){ 
$('.name-box').click(function(){ 
    $('.verti-line').animate({ height: '220px' }, 2000); 
    $('.circle').show(); 
}); 

}）;

此致Viktor！

Answer 1

$('.name-box').click(function(){ 
    $('.verti-line').animate({ height: '220px' }, 2000, function(){ 
     $('.circle').show(); 
    }); 
}); 

您可以传递函数作为参数用作回调函数。这将在动画完成时运行圆形显示方法。

Answer 2

animate有一个complete函数。要打电话给你，你只需要这样写：

$('.verti-line').animate({ height: '220px' }, {duration : 2000, complete : function(){$('.circle').show();}}); 

当动画完成后，圆圈会显示！

Answer 3

来自jQuery的动画文档，。所以像这样：

$(document).ready(function(){ 
$('.name-box').click(function(){ 
    $('.verti-line').animate({ height: '220px' }, 2000, function() { 
     $('.circle').show(); 
    }); 
});