使用Bootstrap轮播时Chrome出错

Question

我试图制作一个带角度的多件物品的自举旋转木马。但它适用于Internet Explorer和Firefox，但Chrome不起作用。

in firefox and explorer

in chrome

我不知道它可能会失败。什么是错误或者可能是某些配置。谢谢你的帮助

这是Carousel的代码：

<h1>ANGULAR:</h1>
   <div ng-app='angularRoutingApp'>
   <div  ng-controller="ruta_hbo_max" class="carousel slide" data-ride="carousel" data-type="multi" data-interval="10000" id="hbo_mas">
      <div class="carousel-inner">
          <div class="item" ng-class="{active:!$index}" ng-repeat="data in datos  track by $index">
                <div class="col-md-3">
                  <p>{{data.ruta}}</p>
                  <a><img ng-src="{{ data.ruta }}"></a>
                </div>
            </div>
        </div>
   </div>
   </div>

和此查询显示图像：

$(document).ready(function() {
        alert("entrando d");
        $('.item').each(function(){
            var next = $(this).next();
            if (!next.length)
                {
              alert();
                next = $(this).siblings(':first');
            }
            next.children(':first-child').clone().appendTo($(this));

            for (var i=0;i<2;i++) 
            {
                next=next.next();
            if (!next.length) 
            {
              next = $(this).siblings(':first');
            }

            next.children(':first-child').clone().appendTo($(this));
        }
    });
});