如何创建多个回调

How to create multiple callback?

本文关键字:回调 创建 何创建      更新时间:2023-09-26

我需要在 3 秒内淡入,但这在零件函数 color() 中不起作用。最好的方法是什么?

$("button").click(function(){
    $("p").hide("slow", function(){
        alert("The paragraph is now hidden");
       color();
    });
   function color(){
    $("p").css('color','red').fadeIn('3000');
    color2();
  }
   function color2(){
    $("p").animate({'margin-top':'100px'});
   }
});

试试这个

    var p = $('p');
$('button').on('click', function () {
    p.each(function() {
        $(this).hide('slow', function () {
            $(this).css('color', 'red').fadeIn('slow', function () {
                $(this).animate({
                    marginTop: '100px'
                });
            });
        });
    });
});

为什么不在函数中编写它们?

$("button").click(function(){
    $("p").hide("slow", function(){
        alert("The paragraph is now hidden");
        $("p").css('color','red').fadeIn('3000');
        $("p").animate({'margin-top':'100px'});
    });
});

问题是 fadeIn 接受整数输入,而不是数字字符串。从其参数中删除引号。

$("p").css('color','red').fadeIn(3000);

作为 fadeIn 参数提供的字符串应该是预定义的值之一,例如"slow"

http://api.jquery.com/fadein/