Question

我需要在3秒内完成fadeIn，但这在part函数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'});
   }
});

Answer 1

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

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

Answer 2

试试这个

    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'

                });
            });
        });
    });
});

Answer 3

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

$（＆＃34; P＆＃34）的CSS（＆＃39;颜色＆＃39;＆＃39;红色＆＃39）。淡入（3000）;

作为fadeIn参数提供的字符串应该是预定义值之一，例如＆＃34;慢＆＃34;

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

如何创建多个回调？

3 个答案: