drop-down-menu - Twitter Bootstrap のドロップダウンリンクが機能しない

Question

これを機能させるために多くの解決策を試しましたが、まだ運がありません。

ドロップダウンセクションの bootstrap.js を次のように変更しました。

$('html')

$('html') .on('click.dropdown.data-api', clearMenus)

また、HTML の終了タグの前に試してみました: $('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });

これらは両方とも一時的に機能します。ドロップダウンを取得し、リンクを選択して、リンクされたページに移動できますが、メニューが機能しなくなります。再び機能させる唯一の方法は、キャッシュをクリアしてページを更新することです。その後、もう一度試すまでは正常に動作します。すすぎ、繰り返します。

サイト全体でヘッダー、ナビゲーション、フッターにインクルードを使用しています。

http://thebibleminiseries.comを確認してから、ドロップダウンが表示されるまでブラウザのサイズを小さくしてください。

ありがとう。

score 0 · Accepted Answer

次の行を変更する必要があります。

<script src="js/vendor/bootstrap.js"></script>
<script src="js/main.js"></script>

これに：

<script src="/js/vendor/bootstrap.js"></script>
<script src="/js/main.js"></script>

ブラウザのコンソール機能を使用して、この問題の原因を突き止めました。自分で試してみると、404 エラーも表示されます。

drop-down-menu - Twitter Bootstrap のドロップダウン リンクが機能しない