我刚刚将 slider (幻灯片放映)脚本安装到我网站的页眉中。我现在与浏览器的兼容性有问题。在 chrome 中刷新页面后的第一秒看起来像(如您所见,背景为白色,标题仍未加载。):
使用 Opera 浏览器刷新后的第 1 秒(如您所见,所有背景均为白色,未加载 Logo 和标题):
应该如何(使用 FireFox 没问题):
(附言,我的设计在 Internet Explorer 上很糟糕(没有圆 Angular ,没有透明菜单,没有颜色的按钮,幻灯片放映根本无法加载......)
这是我的 <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>
我用 slider 添加了它。如果我删除它,工作成功。我不能在这里输入代码,因为它太长了。我把它上传到这里:http://speedy.sh/FV3Qe/jquery-1.5.1.min.js我对这段代码一无所知...
也许您可以推荐其他 slider ?
非常感谢。
最佳答案
建议将所有外部 JavaScript 包含的内容移至页脚。这个建议的理由很合理也很简单。在下载、解析和执行脚本之前,不会呈现非异步或延迟脚本标记下的任何内容。
脚本阻塞的技术原因有很多。执行脚本时需要一个“稳定”的 DOM。浏览器需要确保 document.write 有效。
您可以在此处找到有关 jQuery 瓶颈的更多信息: http://samsaffron.com/archive/2012/02/17/stop-paying-your-jquery-tax
关于javascript - jQuery slider 与浏览器的兼容性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20700177/