Twitter Bootstrap Karussell nicht gleiten

Ich stieß auf ein interessantes Thema. Ich bin mir ziemlich sicher, dass die Antwort sehr einfach ist, aber ich konnte es einfach nicht herausfinden, also dachte ich, ich suche nach Hilfe.Twitter Bootstrap Karussell nicht gleiten

Grundsätzlich rutscht mein Karussell nicht. Es wechselt nur das Bild. Ich habe sogar versucht, den exakten HTML-Code von der Bootstrap-Site in meine eigene Seite zu kopieren und er gleitet immer noch nicht. In application.js hat die Initialisierung auch kein Argument.

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

Ich stelle fest, dass im nächsten und zurück Klassen zu jedem Element hinzugefügt werden, wenn pref/nächste Schaltfläche klicken, aber es scheint nicht die gleiche Sache auf Mine zu tun. Ich habe nichts falsches gesehen, als ich entweder debuggte.

Was fehlt mir? Ich habe das sowohl in Chrome als auch in Safari getestet.

Quelle

2012-05-18 juminoz

'Grundsätzlich rutscht mein Karussell nicht. Es wechselt nur das Bild. "Also" funktioniert das Karussell, nur nicht mit dem Dia-Effekt? –

Nur zur Klarstellung, das Karussell funktioniert, aber der Diaeffekt ist nicht da. Ich habe gerade herausgefunden, dass Sie auch bootstrap-transition.js für jede Animation einfügen müssen und stellen Sie sicher, dass Sie eine Klasse namens "slide" für das div einfügen, das als Container für das Karussell verwendet wird. Ich kann meine eigene Frage bis 8 Stunden später nicht beantworten, aber das ist die Antwort auf die Frage. – juminoz

Sie haben auch bootstrap-transition für das Gleiten arbeiten schreiben, so:

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

Quelle

2012-07-14 14:01:28 gabber12

Dies gilt nur, wenn Sie die nicht-minimierte Version von bootstrap.js verwenden. Das minimierte enthält den Übergangscode. –

Der obige Hinweis von @MichaelTeper ist mein Gewinner, löste mein Problem. Upvoted. Es ist eine eigenständige Antwort. Danke Michael. – user776686

Hier ist ein Arbeitsbeispiel. Es ist wahrscheinlich etwas Kleinstes, das du vermisst hast. http://jsfiddle.net/chapmanc/Vza6F/1/

Quelle

2012-05-18 23:42:40 chapman84

Ich war das gleiche Problem, aber mit Bootstrap v2.0.3 (die gebündelt in hat Übergang), beendet die Folie Klasse zum Karussell div bis Zugabe

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

dann rufen Sie einfach:

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

Quelle

2012-05-29 22:36:12 elliotcw

Wenn Sie Bootstrap 1.x benutzen - versuchen Sie es mit Bootstrap 2.x - es hat es für mich behoben – niico

Das Hinzufügen der 'slide' Klasse funktionierte auch für mich in Bootstrap 3. – neno

Fügen Sie das JavaScript einfach in ein <script>-Tag ein?

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

Quelle

2012-08-30 06:56:30 Dan

Ich glaube, Sie

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

Pls auch sehen müssen: How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Quelle

2013-07-04 06:03:55

das hat Dinge funktioniert für mich –

-2

Check die CSS-Dateien, die Sie aufgenommen haben. Versuchen Sie, die bootstrap.css-Datei zusätzlich zu bootstrap.min.css hinzuzufügen. Es hat für mich funktioniert.

Quelle

2014-06-06 05:38:26 Deepinder

Twitter Bootstrap Karussell nicht gleiten

Antwort

Verwandte Themen