jquery - 使用 jquery 检查 CSS 属性时遇到问题

Question

我试图通过单击一个按钮来移动一个 div，并在上边距达到某个值时弹出一个警告。但是，只有在我将它移离我想要的边距后才会弹出警报。

这是我使用的代码:

$("input.down").click(function()
    $(".block").animate({"margin-top": "+=50px"});
    check();
});

$("input.up").click(function(){
    $(".block").animate({"margin-top": "-=50px"});
    check();
});

function check(){
    var top = $(".block").css("margin-top");

    if (top == "100px") {
        alert('top: ' + top + '\nyou have the right height');
    }
}

当我最初将 margin-top 移动到 100px 时没有警告，但是一旦我将它从那里移开，就会有警告。如果先运行然后 div 动画，它就像检查功能。有没有办法让它先动画化？

Answer 1

$("input.down").click(function() {
   $(".block").animate({"margin-top": "+=50px"}, function() { check(); });
});