使用可能なメニュー項目を切り替えるボタンの行が内部にあるドロップダウン メニューを実装しようとしています。
したがって、構造的には次のようなものがあります。
<dropdown container>
<dropdown trigger>
<dropdown content>
<dropdown nav-pills>
<nav-pills panes>
</dropdown content>
</dropdown container>
メニューが表示され、ナビピルをクリックするとペイン間の変更がトリガーされます。ただし、問題は、nav-pills のクリック イベントも強制的にメニューを閉じることです (bootstrap.dropdown は、ユーザーがリンク/メニュー項目をクリックしていると想定し、ページから移動します)。
それで、標準のブートストラップ JS でこれを行うことは可能ですか、それとも独自のドロップダウン JS を作成する必要がありますか? ナビピルのクリックイベントにバインドしてクリックの伝播を停止しようとしましたが、ブートストラップが同じイベントをキャプチャしてメニューを非表示にするのを止めていません。
読んでくれてありがとう!