Twitter Bootstrap Карусель не раздвигается

Question

Я столкнулся с интересной проблемой. Я почти уверен, что ответ очень прост, но я просто не мог понять, поэтому подумал, что я ищу какую-то помощь.

В принципе, моя карусель не скользит. Он просто переключает изображение. Я даже попытался скопировать точный HTML с сайта начальной загрузки на мою собственную страницу, и он все еще не скользит. В application.js инициализация также не имеет аргументов.

// carousel demo 
$('#myCarousel').carousel() 

Я заметил, что следующие и предыдущие классы добавлены к каждому элементу при нажатии следующей кнопки прив /, но это, кажется, не делать то же самое на шахте. Я не видел ничего плохого, когда отлаживал.

Что мне не хватает? Я тестировал это как в последнем Chrome, так и в Safari.

Answer 1

Вы также должны добавить bootstrap-transition для скольжения работать, например, так:

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script> 

Answer 2

Вот рабочий пример. Вероятно, это что-то не так. http://jsfiddle.net/chapmanc/Vza6F/1/

Answer 3

У меня была такая же проблема, но с начальной загрузки v2.0.3 (который в комплекте с переходной), в конечном итоге, добавив класс слайдов к карусельного DIV

<div id="myCarousel" class="carousel slide"> 

, то вы просто звоните:

$('#myCarousel').carousel(); 

Answer 4

Вы только что поместили этот JavaScript в тег <script>?

<script> 
    $('.carousel').carousel({ 
     interval: 1000 
    })​; 
</script> 

Answer 5

Я думаю, что вам нужно

$('#myCarousel').carousel('cycle'); 

Pls также посмотреть: How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Answer 6

Проверьте CSS файлы, которые вы включили. Попробуйте добавить файл bootstrap.css в дополнение к bootstrap.min.css. Это сработало для меня.