第一次加载时 JavaScript 根本不工作

发布于 2024-09-13 19:56:18 字数 405 浏览 5 评论 0原文

我遇到了奇怪的问题，每当我的网站第一次在浏览器中加载时，它的 jquery 和滑块根本不起作用......然后当我引用页面时它会正确加载...... 我使用的是 Firefox 最新的 3.6.8 版本 CSS 在 jquery 和滑块脚本之前加载，

这是网站的链接链接文本

我修复了按钮位置有两种解决方案

一种是在定位中使用 %，如 left:90%
其他我通过检查原始的 Easy slider 1.5 css 文件发现，该文件是使用容器来显示其中的所有内容，并且容器的宽度与滑块中的图像...... 希望对其他人有帮助

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北恋 2024-09-20 19:56:18

我在 Firefox 版本“3.6.8”中查看您的网站没有任何困难，无需刷新？滑块似乎工作正常，但是，以新的眼光，我确实注意到页面源代码中的一些您可能希望检查的内容，尤其是第 1 点。：

[编辑] 中的 JavaScript 块前四行 'var' 行末尾的 'Head' 标记缺少结束分号 (';')：

<脚本类型=“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 ((浏览器=="Microsoft Internet Explorer") && (brow_ver < 7))
    {
        Alert("请更新您的旧浏览器，请安装 Google chrome 或 Firefox 才能正常浏览网站");
        window.location="http://www.mozilla.com/en-US/products/download.html";
    }

[编辑]此外，建议在“CDATA”或“字符数据”部分中包含 JavaScript：

<块引用>

<脚本类型=“text/javascript”>
//

更多信息：此处和此处。

[编辑] 最后，请注意脚本中声明了变量“brow_ver”，但在下一行声明了变量“browser” ' 被引用？

应使用“&”字符实体引用而不是“&”在“title”标签中
其中一个“元标记”缺少结束“/”。
[编辑] 条件注释 '' 应为 ''
[编辑] UTF-8 编码包括并涵盖所有 US- ASCII 字符，因此在元标记中考虑使用以下“内容编码”：
content="text/html; charset=UTF-8" 而不是 content="text/html; charset=us-ascii"
另外仅供参考：滑块的“-”和“+”导航按钮是定位不正确。请参阅下面的图片参考。这在您的屏幕上可能不明显...尝试使用更高分辨率并将浏览器设置为全屏来复制它。
[编辑]仅供阅读本文的其他人...我注意到您已通过在 CSS 中使用“%”而不是“px”修复了“-”/“+”导航定位。例如：
<前><代码>#nextBtn{
显示：块；
宽度：36px；
高度：36px；
位置：绝对；
左：90%； /* <<<<将正确定位*/
顶部：365px；
z 索引：1000；
}
而不是...
<前><代码>#nextBtn{
显示：块；
宽度：36px；
高度：36px；
位置：绝对；
左：1025px； /* <<<<无法正确定位*/
顶部：365px；
z 索引：1000；
}

“上一个”导航按钮也是如此。

导航按钮定位不正确的站点屏幕截图 http://img59.imageshack.us/img59/8443 /gulzarchildcarecom.jpg

祝该网站好运...看起来不错！ :)

I had no difficulty viewing your site in Firefox version '3.6.8' without a refresh? The slider appears to function correctly, however, with fresh eyes I did notice some things in the page source that you might wish to check, especially point 1.:

[EDIT] The JavaScript block within the 'Head' tag is missing closing semicolons (';') at the end of the first four 'var' lines:

<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>

[EDIT] Also, it's advisable to include JavaScript in 'CDATA' or 'Character Data' sections:

<script type="text/javascript">
//<![CDATA[
    // Your Javascript goes here...
//]]>
</script>

More info: here and here.

[EDIT] Finally, notice the variable 'brow_ver' is declared in the script, but on the following line a variable 'browser' is referenced?

The ‘&’ character entity reference should be used instead of ‘&’ in the ‘title’ tag
One of the 'Meta Tags' is missing a closing '/'.
[EDIT] The conditional comment '<![if !(IE 6)]>' should be ''
[EDIT] The UTF-8 encoding includes and encompasses all of US-ASCII characters, so in the meta tag consider using the following 'Content Encoding':
content="text/html; charset=UTF-8" instead of content="text/html; charset=us-ascii"
Also FYI: the '-' and '+' navigation buttons for the slider are not positioning correctly. Please see image reference below. This might not be apparent on your screen... try a higher resolution with the browser set to full screen to replicate it.
[EDIT] Just for others reading this... I notice you have fixed the '-' / '+' navigation positioning by using '%' instead of 'px' in the CSS. So for example:
```
#nextBtn{
    display:block;
    width:36px;
    height:36px;
    position:absolute;
    left:90%;  /* <<< Will position correctly */
    top:365px;
    z-index:1000;
}
```
instead of...
```
#nextBtn{
    display:block;
    width:36px;
    height:36px;
    position:absolute;
    left:1025px;  /* <<< Won't position correctly */
    top:365px;
    z-index:1000;
}
```