Was ist ein Bootstrap-Plugin?

Bootstrap wird mit 12 jQuery-Plug-Ins geliefert, die die Funktionalität erweitern und mehr Interaktionen zur Site hinzufügen können. Auch wenn Sie kein fortgeschrittener JavaScript-Entwickler sind, können Sie mit dem Erlernen des JavaScript-Plugins von Bootstrap beginnen. Mit der Bootstrap Data API können die meisten Plug-Ins ausgelöst werden, ohne dass Code geschrieben werden muss.

Es gibt zwei Möglichkeiten für eine Website, auf das Bootstrap-Plug-in zu verweisen: (empfohlenes Lernen: Bootstrap-Video-Tutorial)

Separate Referenz: Verwenden Sie einzelne *.js-Dateien von Bootstrap. Einige Plugins und CSS-Komponenten sind von anderen Plugins abhängig. Wenn Sie Plugins einzeln referenzieren, stellen Sie zunächst sicher, dass Sie die Abhängigkeiten zwischen diesen Plugins verstehen.

Referenz zum Kompilieren (und gleichzeitig): Verwenden Sie bootstrap.js oder die minimierte Version von bootstrap.min.js.

不要尝试同时引用这两个文件，因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。

Alle Plugins sind auf jQuery angewiesen. Daher muss jQuery vor der Plugin-Datei in Anführungszeichen gesetzt werden.

Datenattribut

Sie können alle Bootstrap-Plugins einfach über die Datenattribut-API verwenden, ohne eine einzige Zeile JavaScript-Code schreiben zu müssen. Dies ist eine erstklassige API in Bootstrap und sollte Ihre erste Wahl sein.

Andererseits kann es Situationen geben, in denen diese Funktion deaktiviert werden muss. Daher bieten wir auch eine Möglichkeit, die Datenattribut-API zu deaktivieren, d. h. die Bindung des Ereignisses an den Namespace data-api aufzuheben und an das Dokument zu binden. Genau wie das Folgende:

$(document).off('.data-api')

Wenn Sie ein bestimmtes Plug-In schließen müssen, müssen Sie nur den Namen des Plug-Ins als Namespace vor dem Data-API-Namespace hinzufügen, wie unten gezeigt:

$(document).off('.alert.data-api')

Programmatische API

Wir bieten eine reine JavaScript-API für alle Bootstrap-Plugins. Alle öffentlichen APIs unterstützen Einzel- oder Kettenaufrufmethoden und geben die Sammlung von Elementen zurück, mit denen sie arbeiten (Hinweis: Die Aufrufform stimmt mit jQuery überein). Zum Beispiel:

$(".btn.danger").button("toggle").addClass("fat")

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial.

Das obige ist der detaillierte Inhalt vonWas ist ein Bootstrap-Plugin?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!