Bootstrap карусели не двигается

Question

Я создал WP пользовательскую тему, основанную на рамках Bootstrap и я добавил следующую карусель:

<div class="container slideshow"> 
      <div class="carousel slide" id="carousel-454586"> 
       <div class="carousel-inner"> 
        <div class="item active"> 
      <img alt="slider" src="http://localhost/vyskoveprace/wp-content/uploads/2015/03/2_640_250.jpg"> 
      <div class="mask"></div> 
      <div class="carousel-caption col-md-6"> 
       <h2>Header1</h2> 
       <p>Some Text 
       </p> 
      </div> 
     </div> 
     <div class="item"> 
      <img alt="slider" src="http://localhost/vyskoveprace/wp-content/uploads/2015/03/1_640_250.jpg"> 
      <div class="mask"></div> 
      <div class="carousel-caption col-md-6"> 
       <h2>Header2</h2> 
       <p>Some text 
       </p> 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

И я использую следующий код для инициализации, но не кажется, что работает. Может ли кто-нибудь помочь мне в этой ситуации? Ошибка не возникла. Заранее большое спасибо.

<script> 
(function($) {$(document).ready(function() { 
    $('#carousel-454586l').carousel({ 
    interval: 4000, 
    }); 
});})(jQuery); 
</script> 

Answer 1

Вы имеете небольшую опечатку в ваших id атрибутах - в вашем Javascript, вы сообщаете его искать элемент с идентификатором carousel-454586l, но ваш HTML определяет только один с идентификатором carousel-454586. Измените ее на другую, и она будет работать. Например, изменить Javascript для:

<script> 
(function($) {$(document).ready(function() { 
    $('#carousel-454586').carousel({ 
    interval: 4000, 
    }); 
});})(jQuery); 
</script> 

Обратите внимание на полужирный/курсивный часть - вот где разница.