javascript – ajax动画后,动画节目,但内容不显示

2019年8月4日 243次阅读

我正在尝试ajax动画,第一次内容是动画margin-left：200px,但是在动画之后其他内容没有加载,任何人都帮助我.

这是我的代码

$.ajax({
   url:url,
   beforeSend: function(){
       $('.slide_loader').show();
   },
   success:function(content){
      $('#right_content').animate({                 
            'margin-left' : '200px'
        }, 500);

      $('#right_content').html(content);
      $('.slide_loader').hide();

      return false;
   }
});

最佳答案 将它们放在动画的完整回调中. Animate是asynch所以你的$(‘#right_content’).html(内容)将在animate完成之前执行.因此,使用完全回调来指定后动画操作.

 success:function(content){
      $('#right_content').animate({                 
            'margin-left' : '200px'
        }, 500,function(){
      $('#right_content').html(content);
      $('.slide_loader').hide();

     });
     return false;
   }

Ref .animate()

点赞