Maison > interface Web > Tutoriel d'amorçage > le corps du texte

Une brève discussion sur les événements du menu déroulant dans Bootstrap3

青灯夜游
Libérer: 2021-03-25 10:55:37
avant
2170 Les gens l'ont consulté

Cet article vous amènera à comprendre les événements du menu déroulant Bootstrap3. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Une brève discussion sur les événements du menu déroulant dans Bootstrap3

Événements du menu déroulant

Bootstrap fournit 4 événements pour le plug-in du menu déroulant En écoutant. à ces événements, vous pouvez contrôler des actions spécifiques de réponse à l'utilisateur pendant la phase d'exploitation. Ces événements et leurs significations sont présentés dans le tableau 4‑3.

表 4‑3 dropdown插件的事件及含义
事件 含义
show.bs.dropdown show方法调用之后,立即触发该事件
shown.bs.dropdown 当下拉菜单已经对用户可见(并且过渡效果执行完毕)之后,触发该事件
hide.bs.dropdown hide方法调用之后,立即触发该事件
hidden.bs.dropdown 当下拉菜单已经被隐藏(并且过渡效果执行完毕)之后,触发该事件

Recommandations associées : "tutoriel bootstrap"

Si les développeurs souhaitent personnaliser la fonction du menu déroulant, ils peuvent écouter ces événements via JavaScript pour exécuter l'opération correspondante. Tels que :

<script>
  $(&#39;#myDropdown&#39;).on(&#39;show.bs.dropdown&#39;, function () {
   alert("开始显示下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;shown.bs.dropdown&#39;, function () {
     alert("下拉菜单已经显示。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hide.bs.dropdown&#39;, function () {
     alert("开始隐藏下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hidden.bs.dropdown&#39;, function () {
     alert("下拉菜单已经隐藏。");
  });
</script>
Copier après la connexion

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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:csdn.net
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!