jquery - 页面布局不一致:(

Question

我的页面在加载后被大量 jQuery 更改以获得我想要的布局。 (基于决策的对齐等)但首先当我加载它时它不起作用(对齐困惑)。我关闭它，点击该页面的链接，它运行得很好。但当我刷新页面(F5)时，它又乱了。而且它在 Chrome 和 Firefox 上的功能似乎有所不同。

我这样调用该函数:

    <script>
    $(document).ready(function() {
            $.fn.altlayout();
    });
    </script>

这对我来说似乎很奇怪。也许我错过了一些基本的东西？也许就像 JS 如何与缓存一起工作(？)？谢谢。

Answer 1

尝试 $(window).load 代替。一旦浏览器获得 HTML，$(document).ready 就会触发。 $(window).load 等待图像加载。

另外，我知道这可能对您的具体问题没有太大帮助，但我发现“设计编码”非常令人头痛。如果您这样做是为了修复浏览器，也许您可​​以为有问题的浏览器提供固定的样式表？喜欢

<!--[if IE 6]>
<link type="text/css" media="screen" rel="stylesheet" href="ie6fix.css" />
<![endif]-->