Щебетать Карусель без раздвижных

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

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

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

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

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

Ответ 1

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

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

Ответ 2

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

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

то вы просто вызываете:

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

Ответ 3

Думаю, вам нужно

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

Pls также видит: Как я могу автоматически запускать карусель Bootstrap js сразу после загрузки страницы?

Ответ 4

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

Ответ 5

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

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

Ответ 6

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