使用jQuery更改绝对定位元素的位置

Question

我有两个元素，一个在另一个元素的顶部。我想在按钮点击时更改绝对定位元素的位置。

jQuery的：

$("#check-button").click(function() {
    $("#repair-status").animate({top: "80"}, 1000);
});

看起来很简单，但在这种情况下不起作用。我想，CSS有问题。有关详细信息，请查看小提琴：http://jsfiddle.net/iamsvyat/93A9f/9/

提前致谢！

P.S。为清楚起见，我将“修复状态”元素置于顶部，最后它将从底部滑动。

Answer 1

这是你想要的吗？ http://jsfiddle.net/93A9f/10/

$("#check-button").click(function() {
    $("#repair-status").animate({top: "80"}, 1000);
    return false;
});

我所做的就是添加return false;以取消按钮点击后回发的默认操作。