样式和脚本无法正确加载。为什么？

Question

我最近发现了这个Blogger模板（http://portify-codytemplate.blogspot.in），并且在我访问它的前几次，我发誓它仍然正常运行。风格刚刚到位，它是我迄今为止发现的最佳模板。现在，我已将其上传为我的Blogger模板。一天后，我访问它来编辑一些代码，现在它看起来很糟糕。它只是我，还是你也看到了同样的事情？见下面的照片：

当我查看原始模板（http://portify-codytemplate.blogspot.in）时，它看起来也很糟糕。我也浏览了一些类似于Portify的模板（我从我得到Portify的站点获得了相关模板），他们也遇到了同样的问题。

我尝试在不同的浏览器和计算机中访问这些模板。它们都具有相同的输出。我还在原始代码中查找了jQuery库：

<script src='http://code.jquery.com/jquery-1.11.0.min.js' type='text/javascript'/>

认为它可能已经过时，所以我用新版本替换它：

<script src='https://code.jquery.com/jquery-2.1.4.min.js' type='text/javascript'/>

但它仍然没有奏效。没啥事儿。 我只是想知道为什么样式和脚本在这个站点中没有正确加载。请帮忙。任何人吗？

Answer 1

问题似乎与“http://host1.base.pk/”有关。

它会在返回实际的CSS或JS之前执行检查并返回HTML。当浏览器看到外部资源的HTML响应时，它会发出嘘声。

您可以通过直接访问主机上的文件并让它进行检查来修复问题： http://host1.base.pk/css/prettyPhoto.css

访问后，您应该可以轻松加载其余主题。

但是，我建议您在可信赖的地方托管外部资源，以便可靠地提供内容。

Answer 2

它可能不是jquery版本。我认为Internet Explorer 6,7或8不支持最新的jquery版本。

我建议在初始化jquery之后将所有j包含在脚本的底部。

所以在这一行之后：

<script src='http://code.jquery.com/jquery-1.11.0.min.js' type='text/javascript'/>

我这样说是因为我看到了你身体，头部和页脚的脚本。您可以在元素检查器中看到某些函数没有按照它们应该的方式工作，由于您加载脚本的顺序，它会发生很大的变化。因此，请在脚本底部对它们进行排序，看看是否修复了错误。