ブートストラップナビゲーションバーコンポーネントを使用する場合、ナビゲーションバーにドロップダウンメニューがある場合、ドロップダウンメニューを備えたこのナビゲーションは、クリックしたときにドロップダウンメニューのみにフロートします。独自のHREF属性は無効になります。つまり、ハイパーリンク関数を失います。これは私が欲しいものではありません。ナビゲーションバーのリンクが正常にリンクを開くことができることを願っていますが、ドロップダウンメニュー関数も必要であり、投げ始める〜
まず、ドロップダウンメニューでナビゲーションバーをクリックする問題を解決します。ドロップダウンメニュー効果はJSによって実装されます。 bootstrap.jsファイルの分析によると、bootstrapはドロップダウンメニューをjqueryプラグインとして作成し、ドロップダウンコードセグメントにいくつかの重要な文章を見つけたことが示されています。
//標準のドロップダウン要素に適用// ================================================== form '、function(e){e.stoppropagation()})。いくつかのキーコードを見つけた後、私は解決策を考えました。 click.bs.dropdown.data-apiイベントを閉じるだけで大丈夫です。コードは次のとおりです。
$(document).ready(function(){$(document).off( 'click.bs.dropdown.data-api');});上記のコードテストは効果的です。ナビゲーションバーをクリックして問題を解決できます。以下は、マウスのホバリングとプルダウンメニューの問題を解決するためです。これは比較的簡単です。 jqueryのマウスイベントで実装できます。コードは次のとおりです。
$(document).ready(function(){dropdownopen(); // call});/***マウスが通過するときにサブメニューを展開します。 {$(this).addclass( 'open');})上記は、クリックしてホバリングしてドロップダウンメニューを表示できるブートストラップナビゲーションバーの実装コードです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!