Question

我刚刚将滑块（幻灯片放映）脚本安装到我网站的标题中。我现在有问题与浏览器的兼容性。在Chrome中刷新页面后的第一秒看起来像（因为你看到半背景白色和标题仍然没有加载。）： chrome

使用Opera浏览器刷新后的第一秒（如您所见，所有背景都是白色，徽标和标题未加载）：

opera

应该如何（使用FireFox没问题）： should be

（在我的所有设计中使用Internet Explorer的P.S。非常糟糕（没有圆角，没有透明菜单，没有颜色的按钮，幻灯片放映根本没有加载......）

这是我的<head>，其中使用了js。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Efektyvi reklama socialiniame tinkle Facebook</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
        <!-- Attach necessary JS -->
        <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="jquery.orbit-1.2.3.min.js"></script>    

            <!--[if IE]>
                 <style type="text/css">
                     .timer { display: none !important; }
                     div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
                </style>
            <![endif]-->

        <!-- Run the plugin -->
        <script type="text/javascript">
            $(window).load(function() {
                $('#featured').orbit();
            });
        </script>
</head>

我发现问题文件为什么没有加载opera和chrome，这一行<script type="text/javascript" src="jquery-1.5.1.min.js"></script>我用滑块添加了它。如果我删除它，工作成功。我不能在这里输入代码，因为它太久了。我在这里上传了它：http://speedy.sh/FV3Qe/jquery-1.5.1.min.js我在这段代码中没有理解......

也许你能建议其他滑块吗？

非常感谢。

Answer 1

建议将所有外部JavaScript包含移至页脚。这个建议的原因很简单。在下载，解析和执行脚本之前，非异步或延迟脚本标记之下的任何内容都不会被呈现。

脚本阻塞的技术原因有很多。执行脚本时需要一个“稳定”的DOM。浏览器需要确保document.write有效。

您可以在此处找到有关jQuery瓶颈的更多信息： http://samsaffron.com/archive/2012/02/17/stop-paying-your-jquery-tax

jQuery滑块与浏览器的兼容性

1 个答案: