Jquery /角度动画bug与超时/ fadein

Question

我有列表，当新卡到来时应该为列表设置动画，然后将数组推到左边并将新li插入ul。

angular指令中的代码是：

 setTimeout(function () {
                  $('.list').animate({scrollLeft: 90000}, 1500);

      $('#item' + scope.id).hide().animate({width:'toggle'},500, 'swing',
                  function() {
                    console.log( 'changing to visible: ');
                      $(".div_loader").css('visibility','visible').hide().fadeIn(300);
                  });
          }, 10);

问题是当我点击进入列表的新li的按钮时，列表会跳转一点，然后加载器显示出来，新的li进入漂亮的淡入淡出

如何解决跳跃问题？也许有其他方法可以用角度

进行动画制作

非常感谢