样式和脚本未正确加载。为什么?

Styles and scripts not loading properly. Why?

我最近发现了这个 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'/>

但是还是不行。什么都没发生。 我只是想知道为什么样式和脚本无法在此站点中正确加载。请帮忙。有人吗?

可能不是 jquery 版本。我相信 Internet Explorer 6、7 或 8 不支持最新的 jquery 版本。

我建议在初始化 jquery 后,在脚本底部包含所有 js。

所以在这一行之后:

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

我这样说是因为我在您的正文、页眉和页脚中看到了脚本。您可以在元素检查器中看到某些功能没有按应有的方式工作,这是由于您加载脚本的顺序造成的很大变化。所以在脚本底部订购它们,看看是否修复了错误。

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

它在返回实际的 CSS 或 JS 之前执行检查和 returns HTML。浏览器在看到对外部资源的 HTML 响应时呕吐。

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

访问后,您应该能够轻松加载主题的其余部分。

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