Maison > interface Web > Tutoriel d'amorçage > Comment fermer la couche contextuelle dans bootstrap

Comment fermer la couche contextuelle dans bootstrap

藏色散人
Libérer: 2019-07-16 11:29:25
original
2905 Les gens l'ont consulté

Comment fermer le calque pop-up dans bootstrap

Comment fermer la couche contextuelle dans bootstrap

Comment fermer le calque pop-up dans bootstrap

Par défaut, la boîte contextuelle se fermera après avoir cliqué à nouveau sur l'élément spécifié. Vous pouvez utiliser l'attribut data-trigger="focus" pour configurer la boîte contextuelle pour qu'elle se ferme lorsque la souris clique sur le. zone à l'extérieur de l'élément :

<a href="#" title="取消弹出框" data-toggle="popover" data-trigger="focus" data-content="点击文档的其他地方关闭我">
点我</a>
Copier après la connexion

Comment fermer la couche contextuelle dans bootstrap

Si vous souhaitez obtenir l'effet d'afficher l'élément lorsque la souris le déplace et de disparaître après sa suppression, vous pouvez utiliser l'attribut data-trigger et définissez la valeur sur "hover":

<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="一些内容">
鼠标移动到我这</a>
Copier après la connexion

Comment fermer la couche contextuelle dans bootstrap

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal