Twitter Bootstrap Carousel Not Sliding

Question

Wpadłem na interesujący problem. Jestem prawie pewien, że odpowiedź jest bardzo prosta, ale po prostu nie mogłem tego rozgryźć, więc pomyślałem, że szukam pomocy.

Zasadniczo moja karuzela nie ślizga się. Po prostu przełącza obraz. Próbowałem nawet skopiować dokładny kod HTML z witryny bootstrap na moją własną stronę i nadal nie ślizga się. W application.js inicjalizacja również nie ma żadnego argumentu.

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

Zauważyłem, że następny i prev zajęcia są dodawane do każdego elementu po kliknięciu pref następny przycisk /, ale nie wydaje się, aby zrobić to samo na moim. Podczas debugowania nie widziałem nic złego.

Czego mi brakuje? Testowałem to zarówno w najnowszych przeglądarkach Chrome, jak i Safari.

Answer 1

Trzeba też dodać bootstrap-transition na przesuwanie do pracy, tak jak poniżej:

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script> 

Answer 2

Oto działający przykład. Prawdopodobnie jest to coś pomniejszego, co zaginione. http://jsfiddle.net/chapmanc/Vza6F/1/

Answer 3

miałem ten sam problem, ale z bootstrap v2.0.3 (który ma przejściowym w zestawie), skończyło się dodając klasę slajdów div karuzeli

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

wtedy wystarczy zadzwonić:

$('#myCarousel').carousel(); 

Answer 4

Czy umieściłeś ten kod JavaScript w tagu <script>?

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

Answer 5

myślę, że trzeba

$('#myCarousel').carousel('cycle'); 

PLS również zobaczyć: How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Answer 6

sprawdzić pliki css, które zostały zamówione. Spróbuj również dodać plik bootstrap.css oprócz pliku bootstrap.min.css. To zadziałało dla mnie.