Comment fermer la boîte modale bootstrap

Comment fermer la boîte modale bootstrap ?

data-dismiss="modal" est un attribut de données HTML5 personnalisé. Ici, il est utilisé pour fermer la fenêtre modale. Avec cet attribut, la boîte modale peut être fermée lorsque vous cliquez dessus.

Introduction associée :

Modal est un sous-formulaire couvrant le formulaire parent. En règle générale, le but est d'afficher du contenu provenant d'une source distincte pouvant avoir une certaine interaction sans quitter le formulaire parent. Les sous-formulaires fournissent des informations, des interactions et bien plus encore.

Si vous souhaitez référencer les fonctionnalités du plugin séparément, vous devez alors référencer modal.js. Alternativement, comme mentionné dans le chapitre Présentation du plugin Bootstrap, vous pouvez référencer bootstrap.js ou une version minifiée de bootstrap.min.js.

Utilisation

Vous pouvez changer le contenu caché du plug-in modal :

Grâce à l'attribut data : définissez les attributs sur l'élément du contrôleur (comme un bouton ou un lien ) data-toggle="modal", et définissez data-target="#identifier" ou href="#identifier" pour spécifier la boîte modale spécifique (avec id="identifier") à changer.

Via JavaScript : Grâce à cette technique, vous pouvez appeler un modal avec id="identifier" avec une simple ligne de JavaScript :

$('#identifier').modal(options)

Recommandations associées : "Tutoriel bootstrap 》

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!