Twitter Bootstrap2ドロップダウンメニューが機能しない
-
27-10-2019 - |
質問
おはようございます! 私は自分のサイトの例からドロップダウンメニューを実装しようとしています。しかし、それは機能しません(ドロップダウンメニューがまったく表示されません)。必要なすべてのjsファイルとcssファイルを含めました。マークアップはドキュメントと同じです。
私が間違っていることがわかりますか? ジェネラコディセタグプレ
ありがとうございます。
解決
問題は、特定の機能に必要なhtmlファイルにjsブロックがないことでした。
欠落しているコードビットは次のとおりです: ジェネラコディセタグプレ
他のヒント
メインのナビゲーションリンクをドロップダウンに適切にバインドしていない場合は、次のことを試してください: ジェネラコディセタグプレ
私は通常、次のいずれかを忘れていました:
- 適切なhtml
- jquery.jsおよびbootstrap-dropdown.jsへのリンク
- 適切にリンクしたかどうかを確認します(冗長に見えますが、確かに役立ちました)
- ドロップダウンの呼び出し:$( '。dropdown-toggle')。dropdown()
これはばかげているように見えるかもしれませんが、ソースを(右クリックで)表示すると、JavaScriptファイルのアドレスは正しいですか?{{STATIC_URL}}が正しくない可能性があります。ソースからアドレスバーにアドレスをコピーして貼り付けてみてください。JavaScriptファイルの内容を実際に確認してください。
私も同じ問題に直面していました。bootstrap-dropdown.jsのリンクにコメントすると、問題が解決しました。bootstrap.min.jsだけが必要でした
これは、cssのどこかでliをオーバーライドした場合に発生します。たとえば、コンテンツを含む他のスタイルシートがある場合: ジェネラコディセタグプレ
動作しません。競合がないことを確認してください。
jQueryライブラリをアップグレードしてみてください。同じ問題が解決しました。
.netプロジェクトでも同じ問題が発生しました(ドロップダウンメニューがまったく表示されません)が、公式のブートストラップサンプルは正常に機能しました。プロジェクトのjQueryライブラリを1.6.1から1.8.2にアップグレードすると、問題が解決しました。