Question

我有一个非常简单的功能，点击体类后淡出并替换类。

$(".a").click(function () {
    ('body').fadeOut();
    $('body').removeClass();
    $('body').addClass("green");
    $('body').fadeIn();
 });

 $(".b").click(function () {
     $('body').fadeOut();
     $('body').removeClass()
     $('body').addClass("pink"),
     $('body').fadeIn();
 });

我遇到的问题是，在身体淡出之前，课程正在改变，这与我想要达到的目标相反。

任何帮助都非常感激。

由于

的Dom

Answer 1

fadeOut方法在淡入淡出结束后进行回调您可以在该回调中更改类：

$(".a").click(function () {
    $('body').fadeOut(function() {
        $('body').removeClass().addClass("green").fadeIn();
    });
});

Answer 2

使用回调函数。

$(".a").click(function () {
    ('body').fadeOut(function(){
         $('body').removeClass();
         $('body').addClass("green");
         $('body').fadeIn();
     });
 });

 $(".b").click(function () {
     $('body').fadeOut(function(){
         $('body').removeClass()
         $('body').addClass("pink"),
         $('body').fadeIn();
     });
 });

Answer 3

$('body').fadeOut(function(){
    $(this).removeClass().addClass("green").fadeIn();
});

简单的jQuery功能和动作顺序

3 个答案: