Twitter Bootstrap下拉链接不起作用

时间:2013-01-28 21:57:26

标签: drop-down-menu twitter-bootstrap

我已经尝试了许多解决方案来实现这一点,但还没有运气。

我在下拉部分修改了bootstrap.js:

$('html')

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

我还在关闭html标签之前尝试过:     $('body')。on('touchstart.dropdown','。dropdown-menu',function(e){     e.stopPropagation(); });

这两项工作都是暂时的。我可以获得下拉列表,选择链接,然后转到链接页面,但随后菜单停止工作。让它再次运行的唯一方法是清除缓存并刷新页面。然后它再次正常工作,直到我第二次尝试。冲洗,重复。

我在整个网站中使用了包含标题,导航和页脚的内容。

请查看http://thebibleminiseries.com,然后调低浏览器的大小,直至看到下拉列表。

感谢。

1 个答案:

答案 0 :(得分:0)

在非主页上找不到两个脚本文件 - 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错误。