javascript - jquery动画完成后如何淡入html？

Question

html 立即淡入，我希望它在动画完成后淡入。这是一个旋转到屏幕顶部的图像，然后我希望其余部分淡入。我该如何让它工作？

这是我想要在动画完成后淡入的内容:

$('header, .main').fadeIn(2000);

这是完整的 jQuery:

  $( '.dimg-main' ).animate({ 
      top: "-=38%", 
      borderSpacing: -360 
  },{
      step: function(now) {
          $(this).css('-webkit-transform','rotate('+now+'deg)'); 
          $(this).css('-moz-transform','rotate('+now+'deg)');
          $(this).css('transform','rotate('+now+'deg)');
      },
      duration:4000,
  }),
  $('header, main').fadeIn(2000);

CSS:

header, main{display: none;}

Answer 1

指定complete callback function .

$( '.dimg-main' ).animate({ 
  top: "-=38%", 
  borderSpacing: -360 
},{
  step: function(now) {
      $(this).css('-webkit-transform','rotate('+now+'deg)'); 
      $(this).css('-moz-transform','rotate('+now+'deg)');
      $(this).css('transform','rotate('+now+'deg)');
  },
  duration:4000,
  complete: function(){
        $('header, main').fadeIn(2000);
  }
});