Bootstrap est livré avec 12 plug-ins jQuery, qui étendent les fonctionnalités et peuvent ajouter plus d'interactions au site. Même si vous n'êtes pas un développeur JavaScript avancé, vous pouvez commencer à apprendre le plugin JavaScript de Bootstrap. Grâce à l'API Bootstrap Data, la plupart des plug-ins peuvent être déclenchés sans écrire de code.
Il existe deux manières pour un site de référencer le plug-in Bootstrap : (apprentissage recommandé : Tutoriel vidéo Bootstrap)
Référence séparée : utilisez des fichiers *.js individuels de Bootstrap. Certains plugins et composants CSS dépendent d’autres plugins. Si vous référencez des plugins individuellement, assurez-vous d'abord de comprendre les dépendances entre ces plugins.
Compilez (et simultanément) la référence : utilisez bootstrap.js ou la version minifiée de bootstrap.min.js.
不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
Tous les plugins dépendent de jQuery. JQuery doit donc être cité avant le fichier du plugin.
attribut de données
Vous pouvez utiliser tous les plugins Bootstrap simplement via l'API d'attribut de données sans écrire une seule ligne de code JavaScript. Il s'agit d'une API de première classe dans Bootstrap et devrait être votre premier choix.
Là encore, il peut y avoir des situations dans lesquelles cette fonctionnalité doit être désactivée. Par conséquent, nous proposons également un moyen de désactiver l'API d'attribut de données, c'est-à-dire de dissocier l'événement avec l'espace de noms data-api et de le lier au document. Tout comme ce qui suit :
$(document).off('.data-api')
Si vous devez fermer un plug-in spécifique, il vous suffit d'ajouter le nom du plug-in comme espace de noms avant l'espace de noms data-api, comme indiqué ci-dessous :
$(document).off('.alert.data-api')
API programmatique
Nous fournissons une API JavaScript pure pour tous les plugins Bootstrap. Toutes les API publiques prennent en charge les méthodes d'appel individuelles ou en chaîne et renvoient la collection d'éléments sur lesquels elles opèrent (remarque : le formulaire d'appel est cohérent avec jQuery). Par exemple :
$(".btn.danger").button("toggle").addClass("fat")
Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!