页面加载或刷新时 div 加载 css 的问题答案

【问题标题】：Problems with div loading css on page load or refresh页面加载或刷新时 div 加载 css 的问题
【发布时间】：2013-10-17 01:34:38
【问题描述】：

我们的主页中间有一个选项卡框，有时无法正确加载 css。我还没有找到关于它何时加载/不加载的明显模式，它似乎也不会只发生在一个特定的浏览器中。

网站：http://library.bsc.edu/

我一直在 Firefox、Chrome 和 IE 中对其进行测试，因为这些都是校园使用的。该框有时会显示得很好，然后在刷新或返回主页时它不会加载，而是会显示选项卡的项目符号等。

关于如何解决这个问题的任何想法？

【问题讨论】：

您使用的 api 存在问题。检查控制台。当您访问不同的页面时，然后返回主页会引发 JS 错误。另外，我注意到你在 jquery 中加载了两次，两个不同的版本。确保您加载的是正确的。
请原谅我……你说的 api 和 console 是什么意思？ api是我用于盒子的设计代码（css）吗？我一定会修复 jquery...
忘了我提到过 api。但是，是的，这是导致问题的 jquery 插件。不断抛出错误。看起来它可能是一个旧插件，请尝试使用稍旧版本的 jquery，例如 1.7
我尝试删除一行 jquery 脚本加载并将剩余的更改为 1.7.2 版本，但它似乎仍然导致问题...你认为我应该尝试更进一步超过 1.7.2？
你可以回去试试，能把你正在使用的jquery插件的文档发给我吗？

标签： javascript jquery html css

【解决方案1】：

我尝试访问您的网址，发现它抛出以下错误：

Uncaught TypeError: Cannot call method 'insert' of null

这个错误的来源是：

library.bsc.edu/: line 132 / 174

可能是它第一次调用该插入并且刷新其父级变为空。

希望这个回答对你有一点帮助

【讨论】：

...我试图找到您所指的代码部分（在第 132 或 174 行），但我不认为这些行号与我所指的一致看着。你是怎么发现这个错误的？您正在使用验证器吗？

【解决方案2】：

就像我在 cmets 中所说，尝试在插件之前加载 jquery。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js">
<script src="http://yui.yahooapis.com/3.12.0/build/yui/yui-min.js" type="text/javascript">

不是这样的：

<script type="text/javascript" src="http://yui.yahooapis.com/3.12.0/build/yui/yui-min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script>

【讨论】：

试试这样的东西 - os.alfajango.com/easytabs/#tabs1-html 更多更新和更灵活