Твиттер Карусель не скользит

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

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

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

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

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

 Andres Ilich19 мая 2012 г., 01:20
Basically, my carousel doesn't slide. It just switches image. Значит, карусель "работает", а не с эффектом скольжения?
 juminoz19 мая 2012 г., 01:40
Просто чтобы уточнить, карусель работает, но эффект скольжения не существует. Я только что понял, что вам нужно также включить bootstrap-transition.js для любой анимации и убедиться, что вы добавили класс с именем «slide» в div, который используется в качестве контейнера для карусели. Я не могу ответить на свой вопрос до 8 часов спустя, но это ответ на вопрос.

Ответы на вопрос(6)

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

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

тогда вы просто позвоните:

$('#myCarousel').carousel();
 niico10 окт. 2013 г., 09:17
Если вы используете bootstrap 1.x - попробуйте использовать bootstrap 2.x - это исправлено для меня
 neno17 февр. 2017 г., 14:32
Добавлениеslide класс работал для меня в начальной загрузке

Ты просто положил этот JavaScript в<script> тег

<script>
    $('.carousel').carousel({
        interval: 1000
    })​;
</script>
Решение Вопроса

Ты тоже должен добавитьbootstrap-transition чтобы скользить на работу, вот так:

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
 Michael Teper26 февр. 2014 г., 22:40
Это верно только при использовании неминифицированной версии bootstrap.js. Минимизированный включает код перехода.
 user77668629 янв. 2015 г., 10:55
Вышеприведенный намек @MichaelTeper - мой победитель, решил мою проблему. Upvoted. Заслуживает быть самостоятельным ответом. Спасибо Майкл.
 Gavin Palmer12 дек. 2014 г., 20:08
у меня все работает

вероятно, что-то незначительное, что вы пропустили.http: //jsfiddle.net/chapmanc/Vza6F/1

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

Ваш ответ на вопрос