Активизация анимации в каруселях Twitter Bootstrap не работает должным образом

У меня проблема с карусели Bootstrap. Я создал его, и когда я использую стрелки (контроль карусели), он работает как шарм, но когда я использую индикаторы карусели для навигации по слайдам, слайд скользит по текущему слайду до положения без анимации других слайдов. Моя тара становится прозрачной, а затем я вижу слайд, движущийся в сторону.

Вот часть моего кода:

<div id="main-events"> <ol> </ol> <div> <div> <div> <h4>title1</h4> <p>some text</p> </div> </div> <div> <div> <h4>title2</h4> <p>some text</p> </div> </div> </div> <a href="#main-events" data-slide="prev" target="_blank">‹</a> <a href="#main-events" data-slide="next" target="_blank">›</a> </div>
1 ответ

Ваш код правильный. В моей системе этот код работает нормально..

В Bootstrap нет определения для класса "слайд". Но без класса "Слайд" карусельные изображения будут меняться без какого-либо эффекта анимации.

Добавьте этот скрипт в код

Проверьте Bootstrap CSS & JS Reference в вашем коде.. а также проверьте порядок файлов справки

Вы можете выполнить этот порядок: -

  1. bootstrap.css
  2. самозагрузки-theme.css
  3. JQuery-1.9.1.js
  4. bootstrap.js

Блок сценариев не будет работать с библиотекой JQ. Добавьте файл библиотеки JQ правильно.

И убедитесь, что файл JQ загружен до работы скрипта. Для этого вы можете добавить ссылку в верхней части страницы

Карусель

licensed under cc by-sa 3.0 with attribution.