Bootstrap3 のドロップダウン メニュー イベントに関する簡単な説明

この記事では、Bootstrap3 ドロップダウン メニューのイベントについて説明します。一定の参考値があるので、困っている友達が参考になれば幸いです。

ドロップダウン メニューのイベント

Bootstrap は、ドロップダウン メニュー プラグインに 4 つのイベントを提供します。これらのイベントに対して、操作フェーズ中に特定の「ユーザーに応答」アクションを制御できます。これらのイベントとその意味を表 4-3 に示します。

#hide.bs.dropdown Hide メソッドが呼び出された後、このイベントはすぐにトリガーされます。 Eventhidden.bs.dropdownこのイベントは、ドロップダウン メニューが非表示になった後にトリガーされます。 (そしてトランジション効果が完了します)

表 4‑3 ドロップダウン プラグインのイベントと意味

イベント	意味
show.bs.dropdown	show メソッドが呼び出された後、このイベントはすぐにトリガーされます
shown.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 中国語 Web サイトの他の関連記事を参照してください。