Bootstrap3 のドロップダウンメニューイベントに関する簡単な説明-ブートストラップのチュートリアル-php.cn

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

青灯夜游

リリース： 2021-03-25 10:55:37

転載

2170 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。