在第一次加载没有JavaScript的工作在所有
我有奇怪的问题,每当我的网站在浏览器中第一次加载,其jQuery和滑块不工作........然后,当我提到我使用的是Firefox 3.6.8最新版本 CSS加载它正确的页面.... 之前jQuery和滑块脚本加载在第一次加载没有JavaScript的工作在所有
这里是我固定的按钮定位的链接网站link text
2种解决方案
- 一个是使用%定位像左:90%
- 其他我发现通过检查原来的容易滑块1.5 CSS文件,这是使用容器来显示所有内容和容器将具有相同的宽度作为在滑块图像..... 希望它可以帮助别人
我在没有刷新的情况下在Firefox版本'3.6.8'中查看您的站点并不困难?滑块然而似乎正常工作,用新鲜的眼光我也注意到在页面的源代码一些东西,你可能要检查,特别是第1点:
-
[编辑]内的JavaScript的块“头部”标记丢失闭分号(“;”)在所述第一四“变种”线的端:
<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>
[编辑]此外,这是可取的包含JavaScript在“CDATA”或'字符数据“部分:
<script type="text/javascript"> //<![CDATA[ // Your Javascript goes here... //]]> </script>
[编辑]最后,注意变量“
brow_ver
”在脚本中声明,但在下面一行的变量“browser
”被引用? 在“
&
”字符实体引用应该被用来代替“&”中的“标题”标签之一“Meta标签”缺少结束“/”。
[编辑]的条件注释 '
<![if !(IE 6)]>
' 应该是 '<!--[if !(IE 6)]>
' 和 '<![endif]>
' 应该是 '<![endif]>-->
'-
[编辑]的UTF-8编码包括并涵盖所有的US-ASCII字符,所以在元标记中考虑使用以下“内容编码”:
content="text/html; charset=UTF-8"
而不是content="text/html; charset=us-ascii"
-
另外仅供参考:滑块的' - '和'+'导航按钮定位不正确。请参阅下面的图片参考。这可能不会在您的屏幕上显示...尝试更高的分辨率,并将浏览器设置为全屏以复制它。
[编辑]仅供其他人阅读...我注意到你已经通过在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; }
同样为 '上一个' 导航按钮。
好运与网站...它看起来不错! :)
你指出了很多很好的错误,但你能告诉我应该怎么做才能定位那些加号和减号.......... 他们是绝对定位的,我使用他们的左值左边的em:78.5em – 2010-08-10 17:50:14
Muhammad,我刚刚添加您可能希望退出上面的一些编辑。我注意到你排序的定位问题 - 做得好。不要忘记修复该JavaScrpt,因为它可能会导致某些浏览器出现问题。祝你好运。 – 2010-08-11 09:52:11
确保包裹JQuerys
$(document).ready(function() {
}
功能以防万一你的滑块的代码。
对我来说听起来像你的代码加载速度不够快,当它的第一页加载后缓存。
适用于我第一次在FireFox,Opera和IE8中加载它。 – 2010-08-10 08:34:47
同意,这里没有问题。工具 - > JavaScript控制台出现故障时是否出现错误? – bobince 2010-08-10 08:41:27
只是一面注意:恕我直言,你不应该在这里使用'+'和'-'作为按钮,因为你没有放大或缩小。我会使用箭头(如)按钮。 – 2010-08-12 20:23:33