Управление карусели в Twitter Bootstrap 2.0

Question

Я тестирую новую функцию карусели в bootstrap 2.0 и затрудняюсь с правильной настройкой навигационных стрелок. Документация немного тонкая на данный момент, и я новичок.

Это мой HTML:

<div class="span9"> 

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

    <!-- Carousel items --> 
    <div class="carousel-inner"> 

    <div class="item active"> 

    <img src="img/testa.jpeg"> 

    <div class="carousel-caption"> 

    <h4>First Thumbnail label</h4> 
    <p>Blah Blah Blah</p> 

    </div><!-- Carousel caption --> 

    </div><!-- items --> 

    <div class="item"> 

    <img src="img/testb.jpeg"> 

    <div class="carousel-caption"> 

    <h4>First Thumbnail label</h4> 
    <p>Blah Blah Blah</p> 

    </div><!-- Carousel caption --> 

    </div><!-- items --> 

    </div><!-- Carousel inner --> 

    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 

    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 


    </div><!-- Carousel --> 

</div><!-- span --> 

Я активировал карусель в JavaScript:

$('#myCarousel').carousel() 

и что работает. Однако стрелки не перемещаются и не циклически перемещаются по изображениям, когда вы нажимаете на них.

Я уверен, что это что-то простое, что мне не хватает. Спасибо за вашу помощь.

Answer 1

Вы добавили транзисторы lib на свою страницу? Является последним в списке плагинов!

Answer 2

У меня была аналогичная проблема, и я обнаружил, что моя версия jQuery устарела. Возможно, убедитесь, что вы используете последнюю версию, сейчас в Bootstrap Docs работает версия 1.7.1. После обновления до 1.7.1 кнопки Next и Previous работали нормально.

Answer 3

У меня были проблемы с карусели, но я получил его на работу. теперь я не могу понять, как сделать его автоматически циклическим путем через изображения после загрузки страницы.

Answer 4

Видимо, это была ошибка в Bootstrap 2.0.1. Ответ, данный Александром Пославским в ответ на другую версию этого вопроса, работал на меня.

Вот его ответ: https://stackoverflow.com/a/9482845/1166287

Суть - удалить или закомментировать строку 86 в бутстраповских-carousel.js:

if (!$next.length) return 

Answer 5

Я был запущен с помощью кода в bootstrap.js (вас также можно посмотреть в bootstrap-carousel.js), и это связано с тем, что код метода слайда возвращается, если вы находитесь в последнем элементе списка.

Он отлично работает, если вы удалите:

if (!$next.length) return 

Как сказал Дэвид Cochran.

Answer 6

с той же проблемой сегодня. Мои решения:

• пришлось использовать JQuery 1.7.1 (а не 1.6.4)
• пришлось включить самозагрузки-transition.js

Мой вопрос: как я остановить карусель из autoplaying