Javascript 引导转盘在鼠标滑过或单击之前不会滑动

引导转盘在鼠标滑过或单击之前不会滑动：我已经研究这个问题一段时间了，还没有找到解决方案。我理解这可能是一个重复的问题，但我真的需要尽快找到解决方案，迄今为止所有的建议都没有解决这个问题。此问题的行为可在上查看

我们在/property/slideshow_JSON上有JSON数据，输出如下：

[{"price": "105,000", "mls_number": "5013724", "address": "120 Merry, BOWLING GREEN 43402"}, {"price": "118,900", "mls_number": "5048488", "address": "612 Gypsy Lane, BOWLING GREEN 43402"}]

我的HTML如下所示：

<div id="myCarousel" class="carousel slide">
     <ol class="carousel-indicators">
     </ol>

     <!-- Carousel items -->
     <div class="carousel-inner">
     </div>

     <!-- Carousel nav -->
     <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

$(document).ready(function(){
     $.getJSON("/property/slideshow_json", function(data){
          console.log(data);
     }).success(function(data){
          console.log("success");
          $.each(data, function (index, value) {
               $(".carousel-indicators").append($( '<li data-target="#myCarousel" data-slide-to="' +index+ '"</li>' ));
               $(".carousel-inner").append($('<div class="item"><img src="/property/photo/'+value.mls_number+'/1"><div class="carousel-caption"><h4>PRICED TO SELL | $'+value.price+'</h4><p style="text-transform:uppercase;">'+value.address+' <a href="/property/detail/'+value.mls_number+'"class="btn btn-small btn-info pull-right">View Details</a></p></div></div>'));
           });    
     });
     $('.carousel-indicators li:first').addClass('active');
     $('.carousel-inner div:first').addClass('active');
     $('#myCarousel').carousel({interval: 4000});
});

javascript的当前版本如下所示：

<div id="myCarousel" class="carousel slide">
     <ol class="carousel-indicators">
     </ol>

     <!-- Carousel items -->
     <div class="carousel-inner">
     </div>

     <!-- Carousel nav -->
     <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

$(document).ready(function(){
     $.getJSON("/property/slideshow_json", function(data){
          console.log(data);
     }).success(function(data){
          console.log("success");
          $.each(data, function (index, value) {
               $(".carousel-indicators").append($( '<li data-target="#myCarousel" data-slide-to="' +index+ '"</li>' ));
               $(".carousel-inner").append($('<div class="item"><img src="/property/photo/'+value.mls_number+'/1"><div class="carousel-caption"><h4>PRICED TO SELL | $'+value.price+'</h4><p style="text-transform:uppercase;">'+value.address+' <a href="/property/detail/'+value.mls_number+'"class="btn btn-small btn-info pull-right">View Details</a></p></div></div>'));
           });    
     });
     $('.carousel-indicators li:first').addClass('active');
     $('.carousel-inner div:first').addClass('active');
     $('#myCarousel').carousel({interval: 4000});
});

$（文档）.ready（函数（）{
$.getJSON（“/property/slideshow_json”），函数（数据）{
控制台日志（数据）；
}).成功（功能（数据）{
控制台日志（“成功”）；
$.each（数据、函数（索引、值）{
$（“.carousel indicators”）.append（$（'旋转木马不会启动，因为您在追加数据之前调用了
$.carousel

您应该在
$.getJSON
成功回调中启动它，如：

 $.getJSON("/property/slideshow_json", function(data){}).success(function(data){
      console.log("success");
      $.each(data, function (index, value) {
           $(".carousel-indicators").append($( '<li data-target="#myCarousel" data-slide-to="' +index+ '"</li>' ));
           $(".carousel-inner").append($('<div class="item"><img src="/property/photo/'+value.mls_number+'/1"><div class="carousel-caption"><h4>PRICED TO SELL | $'+value.price+'</h4><p style="text-transform:uppercase;">'+value.address+' <a href="/property/detail/'+value.mls_number+'"class="btn btn-small btn-info pull-right">View Details</a></p></div></div>'));

           $('.carousel-indicators li:first').addClass('active');
           $('.carousel-inner div:first').addClass('active');
           $('#myCarousel').carousel({interval: 4000});               

      });    
 });

$.getJSON（“/property/slideshow_json”，函数（数据）{}）.success（函数（数据）{
控制台日志（“成功”）；
$.each（数据、函数（索引、值）{
$（“.carousel indicators”）.append（$（“我真的需要这方面的帮助！终于成功了！谢谢你给我解释！