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();
    });
});

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

Answer 2

animate具有complete功能。要打电话给你，你只需写下：

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

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

Answer 3

来自jQuery的动画文档，http://api.jquery.com/animate/。所以像这样：

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

当另一个完成时激活div

3 个答案: