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

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.

É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>

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!