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。