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。损坏的网址是： 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错误。