javascript - 淡出完成后如何做 jquery？

Question

我试图在点击时淡出一个 div，但也改变了一些 css 值。

我遇到的问题是在淡出发生时值会发生变化(太早)。我需要在淡出结束后更改值:

<script type="text/javascript">
$('#r_text').click(function() { 
    $(".box1_d").fadeOut();
    $(".box1_c").css("top","0px");
});
</script>

现在，当我运行它时，一切正常，但不是我想要的那样。我需要在淡出完成后更改 css 值，而不是在它仍在发生时更改。

这可能吗？

如果是这样，有什么想法吗？

谢谢。

Answer 1

使用回调函数修改.css()作为fadeOut()的第二个参数。它会在淡入淡出完成时触发。

<script type="text/javascript">

var fadeTime = 500;
$('#r_text').click(function() { 
    $(".box1_d").fadeOut(fadeTime, function() {
      $(".box1_c").css("top","0px");
    });
});
</script>