jquery - Bootstrap 3 Modal 显示为全白屏

标签 jquery css twitter-bootstrap bootstrap-modal

我有一个导航菜单,可以在模态上打开不同的远程页面。它工作没有问题,但我想,最近,我在没有注意到的情况下更改了页面上的某些内容,现在我只能看到一个完整的页面白屏,无论我点击导航菜单中的哪个链接。

我检查了我是否在 Bootstrap 之前加载了 jquery 脚本。 我检查了不同的浏览器(chrome,即android),它仍然是一样的。

这是我遇到问题的页面: http://tvyerine.com

尝试点击上方菜单上的导航链接。

我在这里错过了什么?

enter image description here

最佳答案

我已经解决了这个问题。问题的原因与远程模式的 href 属性的使用或使用 PHP 页面而不是 HTML 无关。

信不信由你,问题是由我在远程页面上使用的分析脚本引起的。

我不知道下面代码的哪一部分会导致这个问题,但是当我删除它时,一切都恢复正常了。顺便提一句; Google Analytics 可以正常工作。

<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=XXXXXXX; 
var sc_invisible=1; 
var sc_security="8c366369"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<!-- End of StatCounter Code for Default Guide -->

关于jquery - Bootstrap 3 Modal 显示为全白屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30582706/

相关文章:

html - 在按钮旁边垂直居中 jQuery UI slider

html - Bootstrap - 列重叠的列

javascript - 如何删除 Bootstrap 轮播

javascript - 使用javascript禁用 Bootstrap 选择选项

javascript - 键值对列表到数组数组

javascript - Youtube API 使用 JQuery 进行数组排序

php - block_head 分区中的 HTML CSS 表单(组合框)垂直对齐

jquery - Bootstrap 中两行的 Logo 和菜单

javascript - 在拇指列表上禁用滚动

javascript - 如何使用组合框隐藏/显示表单