Bootstrap 3 Modal 显示为全白屏答案

【问题标题】：Bootstrap 3 Modal shown as full white screenBootstrap 3 Modal 显示为全白屏
【发布时间】：2015-06-02 05:38:33
【问题描述】：

我有一个导航菜单，可以在模式上打开不同的远程页面。它工作正常，但我想，最近，我在页面上更改了一些内容而没有注意到，现在我能看到的只是一个完整的页面白屏，无论我点击导航菜单上的哪个链接。

我检查了我是否在引导之前加载了 jquery 脚本。我检查了不同的浏览器（chrome，即android），它仍然是一样的。

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

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

我在这里错过了什么？

【问题讨论】：

看来你的模态只是空的......
你说的空是什么意思？它们都具有远程页面的 href 属性？
是的，这正是它不起作用的原因。
我听不懂你想说什么。它在几个小时前通过该 href 属性正常工作。

标签： jquery css twitter-bootstrap bootstrap-modal

【解决方案1】：

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

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

我不知道下面代码的哪一部分会导致这个问题，但是当我删除它时，一切都恢复正常了。顺便提一句;谷歌分析工作没有问题。

<!-- 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 -->

【讨论】：

太棒了，我的印象是 modals href 不能很好地与 PHP 页面配合使用。不过，您可能需要重新考虑是否要更新到 bootstrap 4。