Javascript 如何在$中停止滑块滑动。结果结束后的每个循环

我有一个幻灯片，其中显示了4个属性图像及其描述，它们附加在$。每个循环中。但现在，我只有8个结果可以在slider中显示

所以问题是，当结果成功显示时，幻灯片将变为空白，但我希望在完成结果幻灯片后停止这些幻灯片

以下是我对ajax的回应

jQuery.ajax({
       type:'POST',
       url:'<?php echo base_url("site/landing/get_work_places"); ?>',
       data:{ city_name:city},
       dataType: 'json', 

       success:function(data)
       {

                 var ParsedObject = JSON.stringify(data);  

                 var json = $.parseJSON(ParsedObject);

           if (json=="")
           {
              $('#work_hider').hide();

                  // alert("no results found");
           }else
           {                  

               $.each(json, function(key, data) 
                 {
                   // All the variables from the database containing the post data.
                      var product_id=data.product_id;
                      var product_name=data.product_title;
                       var product_image=data.product_image;
                       var work_price = data.price_perhour;
                       var work_address = data.address;

                     $("#work-carousel").append('<li class="span3"><div class="thumbnail"><a href="<?php echo base_url('rental'); ?>/'+product_id+'"><img src="'+product_image+'" alt=""></a></div><div class="caption"><h2>'+work_price+'</h2></div><div class="caption"><h4>'+product_name+'</h4>  <p>'+work_address+'</p></div></li>');



                  });

                for (i = 0; i <= $('.span3').length / 4; i++) {
                $('.span3').slice(i * 4, (i + 1) * 4).wrapAll('<div class="item"><ul id="work_property">');
              }


          }
       }
      });

      // slider ajax ends

    });

    <div class="work_carousel slide" id="myCarousel">
        <div class="carousel-inner" id="work-carousel">
            <div class="item active">
                    <ul class="thumbnails" id="work_property">


                    </ul>
              </div>

        </div>

        <div class="control-box" style="margin-bottom: 2em;">                            
            <a data-slide="prev" href="#myCarousel" class="carousel-control left">‹</a>
            <a data-slide="next" href="#myCarousel" class="carousel-control right">›</a>
        </div>

    </div>

</div>      
</div>
</div>

jQuery.ajax({
类型：'POST'，
url:“”，
数据：{城市名称：城市}，
数据类型：“json”，
成功：功能（数据）
{
var ParsedObject=JSON.stringify（数据）；
var json=$.parseJSON（ParsedObject）；
如果（json==“”）
{
$（“#工作隐藏”）.hide（）；
//警报（“未发现结果”）；
}否则
{                  
$.each（json、函数（键、数据）
{
//包含post数据的数据库中的所有变量。
var product_id=data.product_id；
var product_name=data.product_title；
var product_image=data.product_image；
var工时价格=每小时数据价格；
var work_address=data.address；
$（“#工作转盘”）.append（“
”+工作价格+”+产品名称+”“+工作地址+”
）；
});
对于（i=0；我尝试使用此选项-而不是$（'#work_hider'）.hide（）；-使用此选项-$（'#myCarousel'）.carousel（{interval:false}）；这将使自动滑动停止，因为没有添加毫秒，下一步将永远不会滑动。如果不工作，它看起来还附加了一个空白幻灯片$（'#myCarousel'）.carousel（{interval:false}）；仅适用于ajax没有任何响应但我有一些结果的情况。然后计算interval*幻灯片的数量，并将interval设置为该时间，然后通过执行interval将滑块停止为false。如果这有意义。它工作正常，谢谢
   var totalItems = $('.item').length;
var currentIndex = $('div.active').index() + 1;
$('.num').html(''+currentIndex+'/'+totalItems+'');

$('.work_carousel').carousel({
    interval: 2000
});

$('.work_carousel').on('slide.bs.carousel', function() {
    currentIndex = $('div.active').index() + 1;

   if(currentIndex >= 3){

  $('#work_property').attr("id")="newid";

   }
});