Javascript 一旦淡出完成，如何执行jquery？

我试图在单击时淡出一个div，但也会更改一些css值

我遇到的问题是，当淡出发生时，值会发生变化（太早）。我需要在淡出完成后更改值：

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

$（'r#u text'）。单击（函数（）{
$（“.box1_d”）.fadeOut（）；
$（“.box1_c”）.css（“顶部”、“0px”）；
});

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

这可能吗

如果有的话，有什么办法吗

---

谢谢。

使用回调函数修改

.css（）

作为

淡出（）的第二个参数。它将在淡入淡出完成时触发

<script type="text/javascript">

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


var fadeTime=500；
$（'r#u text'）。单击（函数（）{
$（“.box1_d”）.fadeOut（fadeTime，function（）{
$（“.box1_c”）.css（“顶部”、“0px”）；
});
});
使用回调函数将
.css（）
作为第二个参数修改为
fadeOut（）
。它将在淡入淡出完成时触发

<script type="text/javascript">

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


var fadeTime=500；
$（'r#u text'）。单击（函数（）{
$（“.box1_d”）.fadeOut（fadeTime，function（）{
$（“.box1_c”）.css（“顶部”、“0px”）；
});
});
如果使用jQuery版本>=1.5，则可以/应该使用回调参数：

$('#r_text').click((function () {
    var animations = {
        initial: function () {
            return $(".box1_d").fadeOut(1500);
        },
        following: function () {
            return $(".box1_c").css("top","0px").animate({fontSize: '150%'});
        },
        onDone: function () { 
            alert('DONE!'); 
        }
    };
    return function(e) {
        $.when(animations.initial())
            .pipe(animations.following)
            .done(animations.onDone);
        e.preventDefault();
    };
}()));

JsFiddle of it action:
如果您使用jQuery版本>=1.5，您可以/应该使用回调参数：

$('#r_text').click((function () {
    var animations = {
        initial: function () {
            return $(".box1_d").fadeOut(1500);
        },
        following: function () {
            return $(".box1_c").css("top","0px").animate({fontSize: '150%'});
        },
        onDone: function () { 
            alert('DONE!'); 
        }
    };
    return function(e) {
        $.when(animations.initial())
            .pipe(animations.following)
            .done(animations.onDone);
        e.preventDefault();
    };
}()));

JsFiddle正在运行：