我有一个奇怪的问题,每当我的网站第一次在浏览器中加载时,它的jquery和滑块根本不工作........然后当我引用页面时它正确加载它.. .. 我正在使用Firefox最新的3.6.8版本 在jquery和滑块脚本之前加载CSS
这是网站link text
的链接我用2个解决方案修复了按钮定位
答案 0 :(得分:4)
在没有刷新的情况下,我在Firefox版本“3.6.8”中查看您的网站没有任何困难?滑块看起来运行正常,但是,新鲜的眼睛我确实注意到您可能希望检查页面源中的一些内容,尤其是第1点。:
[编辑] 'Head'标记内的JavaScript块在前四个'var'行末尾缺少结束分号(';'):
<script type="text/javascript">
var browser = navigator.appName
var ver = navigator.appVersion
var thestart = parseFloat(ver.indexOf("MSIE"))+1
var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7))
if ((browser=="Microsoft Internet Explorer") && (brow_ver < 7))
{
alert("Please Update your OLD BROWSER ,Please install Google chrome or Firefox to view the site propertly");
window.location="http://www.mozilla.com/en-US/products/download.html";
}
</script>
[编辑] 此外,建议在“CDATA”或“字符数据”部分中包含JavaScript:
<script type="text/javascript"> //<![CDATA[ // Your Javascript goes here... //]]> </script>
[编辑] 最后,请注意在脚本中声明了变量“brow_ver
”,但在下一行中引用了变量“browser
”?
应在'title'标记中使用'&
'字符实体引用代替'&amp;'
其中一个'元标记'缺少结束'/'。
[编辑] 条件评论“<![if !(IE 6)]>
”应为“<!--[if !(IE 6)]>
”和“<![endif]>
”应该是'<![endif]>-->
'
[编辑] UTF-8编码包含并包含所有US-ASCII字符,因此在元标记中考虑使用以下“内容编码”:
content="text/html; charset=UTF-8"
代替content="text/html; charset=us-ascii"
另外FYI:滑块的' - '和'+'导航按钮未正确定位。请参阅下面的图片参考。这可能在您的屏幕上不明显...尝试更高的分辨率,浏览器设置为全屏以复制它。
[编辑] 仅供其他人阅读此内容...我注意到您已在CSS中使用'%'代替'px'修正了' - '/'+'导航定位。例如:
#nextBtn{
display:block;
width:36px;
height:36px;
position:absolute;
left:90%; /* <<< Will position correctly */
top:365px;
z-index:1000;
}
而不是......
#nextBtn{
display:block;
width:36px;
height:36px;
position:absolute;
left:1025px; /* <<< Won't position correctly */
top:365px;
z-index:1000;
}
“上一页”导航按钮也是如此。
运气好的网站......看起来不错! :)
答案 1 :(得分:1)
确保包装JQuery
$(document).ready(function() {
}
围绕滑块代码运行。
听起来像我的代码加载速度足够快,当它在第一页加载后缓存。