在第一次加载时,没有任何javascript工作

时间:2010-08-10 08:23:17

标签: jquery slider loading webpage

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

这是网站link text

的链接

我用2个解决方案修复了按钮定位

  1. 一个是像左边一样使用%:90%
  2. 其他我发现通过检查原始的简易滑块1.5 css文件,该文件是使用容器显示其中的所有内容和容器将具有与滑块中的图像相同的宽度..... 希望它能帮助别人

2 个答案:

答案 0 :(得分:4)

在没有刷新的情况下,我在Firefox版本“3.6.8”中查看您的网站没有任何困难?滑块看起来运行正常,但是,新鲜的眼睛我确实注意到您可能希望检查页面源中的一些内容,尤其是第1点。:

  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>
    

    更多信息:herehere

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

  2. 应在'title'标记中使用'&amp;'字符实体引用代替'&amp;'

  3. 其中一个'元标记'缺少结束'/'。

  4. [编辑] 条件评论“<![if !(IE 6)]>”应为“<!--[if !(IE 6)]><![endif]>”应该是'<![endif]>-->'

  5. [编辑] UTF-8编码包含并包含所有US-ASCII字符,因此在元标记中考虑使用以下“内容编码”:

    content="text/html; charset=UTF-8"代替content="text/html; charset=us-ascii"

  6. 另外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;
    }
    
  7. “上一页”导航按钮也是如此。

    Site Screenshot of incorrect navigation buttons positioning http://img59.imageshack.us/img59/8443/gulzarchildcarecom.jpg

    运气好的网站......看起来不错! :)

答案 1 :(得分:1)

确保包装JQuery

$(document).ready(function() {
}

围绕滑块代码运行。

听起来像我的代码加载速度足够快,当它在第一页加载后缓存。