淺談Bootstrap3中的下拉式選單事件

本篇文章帶大家了解Bootstrap3下拉選單的事件。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

下拉式選單的事件

Bootstrap為下拉式選單外掛程式提供了4 個事件，透過監聽這些事件，可以對特定操作階段的使用者行為作出回應。這些事件及意義見表 4‑3。

##show.bs.dropdownshown.bs.dropdown#hide.bs.dropdown

表4‑3 dropdown外掛程式的事件及意義

	#意義
show方法呼叫之後，立即觸發該事件
當下拉式選單已經對使用者可見（並且過渡效果執行完畢）之後，觸發該事件

hide方法呼叫之後，立即觸發該事件

hidden.bs.dropdown

當下拉選單已經被隱藏（並且過渡效果執行完畢）之後，觸發該事件

###相關推薦：《###bootstrap教學###》######如果開發人員希望自訂下拉式選單的功能，就可以透過JavaScript監聽這些事件，來執行對應的操作。如：###

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

###更多程式相關知識，請造訪：###程式設計影片###！ ！ ###

以上是淺談Bootstrap3中的下拉式選單事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！