Вопрос по javascript, image, twitter-bootstrap – Твиттер Карусель не скользит

23

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

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

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

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

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

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

Ваш Ответ

6   ответов
44

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

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
Это верно только при использовании неминифицированной версии bootstrap.js. Минимизированный включает код перехода. Michael Teper
Вышеприведенный намек @MichaelTeper - мой победитель, решил мою проблему. Upvoted. Заслуживает быть самостоятельным ответом. Спасибо Майкл. user776686
24

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

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

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

$('#myCarousel').carousel();
Если вы используете bootstrap 1.x - попробуйте использовать bootstrap 2.x - это исправлено для меня niico
Добавлениеslide класс работал для меня в начальной загрузке neno
1
у меня все работает Gavin Palmer
0

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

0

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

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

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

Похожие вопросы