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，然后缩小浏览器的大小，直到看到下拉菜单。

谢谢。

Answer 1

在您的非主页上，您的两个脚本文件 - bootstrap.js 和 main.js - 找不到。损坏的 URL 是： http: //thebibleminiseries.com/the-bible-miniseries-books-studies/js/vendor/bootstrap.js http://thebibleminiseries.com/the-bible-miniseries-books-studies/js/ main.js

您需要更改这些行：

<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 错误。