Активизация анимации в каруселях 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.