Javascript ajax动画后，动画显示，但内容不显示

我正在尝试ajax动画，第一次内容是动画边距左：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;
   }
});

---

需要注意的一点是，

$是异步的，这可能是意外行为的根源。也就是说，当
$（'#right_content'）.html（content）时，动画不会完成正在运行。
animate
的最后一个参数用于指定动画完成时将运行的回调函数

即

将它们放入
complete
回调中，以便
animate
。动画是异步的，因此您的
$（'#right_content'）.html（content）
将在动画完成之前执行。因此，请使用complete的回调来指定动画后的动作

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

     });
     return false;
   }

您需要进行的另一项检查是，您正在按原样获取
内容
，并且控制台中没有记录其他错误。
 success:function(content){
      $('#right_content').animate({                 
            'margin-left' : '200px'
        }, 500,function(){
      $('#right_content').html(content);
      $('.slide_loader').hide();

     });
     return false;
   }