我已经尝试了许多解决方案来实现这一点,但还没有运气。
我在下拉部分修改了bootstrap.js:
$('html')
$( 'HTML') .on('click.dropdown.data-api',clearMenus)
我还在关闭html标签之前尝试过: $('body')。on('touchstart.dropdown','。dropdown-menu',function(e){ e.stopPropagation(); });
这两项工作都是暂时的。我可以获得下拉列表,选择链接,然后转到链接页面,但随后菜单停止工作。让它再次运行的唯一方法是清除缓存并刷新页面。然后它再次正常工作,直到我第二次尝试。冲洗,重复。
我在整个网站中使用了包含标题,导航和页脚的内容。
请查看http://thebibleminiseries.com,然后调低浏览器的大小,直至看到下拉列表。
感谢。
答案 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错误。