bootstrap carousel - .active继续“prev”按钮并停止工作

Question

我真的不明白这一点。我在我的本地主机上有离线版本this website（WP），一切都很好 - 在“伙伴”轮播的每一边都有prev/next按钮。但在网络上，它全错了。上一个/下一个按钮不可见，并且.active从第一个和第二个项目移到.carousel-control上一个，它会停止并发生故障，如您在提及的站点上所看到的。

我的jquery：

$(document).ready(function() { 
    $('#partneri-carousel').carousel({ 
    pause: "hover", 
    interval: 4000, 
    }); 
}); 

我的代码：

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    <div class='row'> 
    <div class='col-offset-1 col-10'> 
     <div class="carousel slide" data-ride="carousel" id="partneri-carousel"> 

     <div class="carousel-inner"> 

     <?php 
       $partneri = ot_get_option('partneri', false); 
       $n = 0; 
       foreach ($partneri as $partner){ 

        if ($n == 0) { 
         echo '<div class="item active">'; 
        } 

        echo'<div class="col-3 column text-center"> 
         <div class="logo"> 
         <img src="'.$partner[partneri_logo].'"> 
         </div> 
         <div class="popisek">'.$partner[partneri_popisek].'</div> 
         <div><a href="http://'.$partner[partneri_url].'" target="_blank">'.$partner[partneri_url].'</a></div>         
      </div>'; 
        $n++; 
        if ($n % 4 == 0 AND $n != 0) { 
         echo '</div><div class="item">'; 
        } 


       } 
       //if ($n % 4 == 1) {echo '</div>';} 
       echo '</div>'; 
       ?> 

     </div> 

     <!-- Carousel Buttons Next/Prev --> 
     <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><?php kybernaut_img("arr_simple_left");?></a> 
     <a data-slide="next" href="#quote-carousel" class="right carousel-control"><?php kybernaut_img("arr_simple_right");?></a> 
     </div>       
    </div> 
    </div> 

</article> 

Printscreen from offline version with description.

Answer 1

@anpsmn是正确的：

1）下/上一个按钮，在里面.carousel-inner。

2）按钮的Href没有指向传送带ID。