Was soll ich tun, wenn sich das Bootstrap-Karussell nicht bewegen kann?

Lösung für das Problem, dass das Bootstrap-Karussell nicht verschoben werden kann: 1. Bestätigen Sie die verwendete Bootstrap-Version. 2. Ändern Sie die Reihenfolge der Referenzierung von js und css. 3. Fügen Sie die Anweisung „data-ride="carousel" hinzu . Ändern Sie das Karussellbild in. Ändern Sie einfach die ID, um konsistent zu sein.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Bootsrap-Version 3.3.7, DELL G3-Computer

Was soll ich tun, wenn sich das Karussell nicht bewegen kann?

Lösung für das Problem, dass Bootstrap nicht karussellieren kann:

1. Zunächst sollten Sie beim Importieren zu Beginn darauf achten, welche Version von Bootstrap Sie verwenden. Die exportierte Vorlage kann direkt durchsucht und kopiert werden auf der offiziellen Website dieser Version, um zu vermeiden, dass Sie selbst etwas falsch schreiben.

ps: Kopieren Sie niemals direkt die Beispiele anderer Leute und importieren Sie sie.

Zum Beispiel in Bezug auf die importierte Vorlage der Bootstrap3.3.7-Version:

　<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
此处引用的插件来自于bootstrap官网！

2. Die Reihenfolge der Anführungszeichen von js und css ist falsch. Es muss css, dann jquery.js und schließlich bootstrap.js sein. Grund: Bootstrap .js muss js

3 verwenden. Sie müssen lediglich data-ride="carousel" hinzufügen, um die automatische Wiedergabe zu realisieren. Es ist nicht erforderlich, die initialisierte JS-Funktion zu verwenden. Wenn das Karussell also nicht automatisch abgespielt wird, lesen Sie zuerst diesen Abschnitt. Hier können weitere Parameter hinzugefügt werden, beispielsweise die Einstellung des Zeitintervalls für die Bilddrehung.

<div id="carousel-ad" class="carousel slide" data-ride="carousel" data-interval="2000">

4. Der Klasseninhalt des Labels im Karussellbild stimmt nicht mit der ID des Karussellbild-Div-Containers überein

Beispiel: Beim li-Tag in der ol-Liste muss der Datenzielwert „#carousel-“ sein. example-generic“

weil das einfache ID-Attribut von div ist: id="carousel-example-generic"

<ol class="carousel-indicators">
       <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
       .....</ol>

Empfohlenes Lernen: „

Tutorial zur Bootstrap-Nutzung

“

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn sich das Bootstrap-Karussell nicht bewegen kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!