jQuery插件的测试页面在Chrome中查看时显示未样式代码的闪烁-为什么？

我正试图基于以下插件，使用jQuery实现一个基本的滑动面板：

我遇到的问题是，当我在Chrome中查看它时，左上角似乎有一个未设置样式的内容（来自面板）闪烁。以下是链接：

插件演示中没有出现这种情况，所以我一定是弄糟了什么。但是我试过玩各种各样的东西，结果都不走运。想知道是否有人对jQuery有一些见解

我想知道jQueryBG大小调整器是否会干扰一些事情（并导致它在加载时延迟太多…）

---

谢谢你的帮助

您是否尝试过改变源代码，将全屏背景javascript和滑块javascript结合在一起？因为现在你有一个，然后是另一个，然后依次是jquery操作。最好先是全屏背景脚本，然后是jquery操作，然后是滑块脚本，然后是jquery操作。我还要在底部添加cufon脚本，因为即使它没有立即加载，它对功能的影响也最小

此外，如果这对您不起作用，请更改全屏背景和滑块脚本，使滑块在全屏背景之前加载。由于它是一个相当大的文件，这可能会导致抖动

例如：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>
<script type="text/javascript">  
          <!--
          var FullscreenrOptions = {  width: 1400, height: 895, bgID: '#bgimg' };
          jQuery.fn.fullscreenr(FullscreenrOptions);
          //-->
</script> 
<script type="text/javascript" src="js/slidebox.js"></script>     
<script type="text/javascript">  
                $(document).ready(function(){
                    $("#slider").slideBox({width: "100%", height: "200px", position: "top"});
                });
</script>
<script type="text/javascript" src="js/cufon-yui.js"></script>

$（文档）.ready（函数（）{
$（“#滑块”）.slideBox（{宽度：“100%”，高度：“200px”，位置：“顶部”}）；
});

---

顺便说一句，我觉得这个设计很漂亮。如果我是对的，我以前住的地方离这个地区很近，Medicine Hat，AB.

你有没有尝试过改变源代码，将全屏背景javascript和滑块javascript结合在一起？因为现在你有一个，然后是另一个，然后依次是jquery操作。最好先是全屏背景脚本，然后是jquery操作，然后是滑块脚本，然后是jquery操作。我还要在底部添加cufon脚本，因为即使它没有立即加载，它对功能的影响也最小

此外，如果这对您不起作用，请更改全屏背景和滑块脚本，使滑块在全屏背景之前加载。由于它是一个相当大的文件，这可能会导致抖动

例如：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>
<script type="text/javascript">  
          <!--
          var FullscreenrOptions = {  width: 1400, height: 895, bgID: '#bgimg' };
          jQuery.fn.fullscreenr(FullscreenrOptions);
          //-->
</script> 
<script type="text/javascript" src="js/slidebox.js"></script>     
<script type="text/javascript">  
                $(document).ready(function(){
                    $("#slider").slideBox({width: "100%", height: "200px", position: "top"});
                });
</script>
<script type="text/javascript" src="js/cufon-yui.js"></script>

$（文档）.ready（函数（）{
$（“#滑块”）.slideBox（{宽度：“100%”，高度：“200px”，位置：“顶部”}）；
});

---

顺便说一句，我觉得这个设计很漂亮。如果我是对的，我以前住得离这个地区很近，药帽，AB.

哇-好眼睛，保罗。是的，这个网站是为一家靠近马鹿的公司设计的。我不知道javascript代码的定位会导致hijinks！我刚刚学到了一些新东西-谢谢！尝试了你上面建议的示例方法，但没有成功。但你给了我一个很好的起点。我可能不得不寻找一种不同的方法来建造滑动面板。我会通知你的。非常感谢！在朋友的帮助下很好地解决了这个问题。我需要在正在显示的div中添加一个“display:none”。有时候这是最简单的事情。。。但是Paul，你教我如何使用javascript的定位，这对我来说是一个全新的想法。非常感谢您的帮助！哦，我最喜欢的地区是卡纳纳斯基斯，所以我曾多次驶过那个地区。无论如何，如果JS是一个大文件，或者正在调用某个大文件，那么JS的定位可能会导致问题。在您的情况下，它调用bg.jpg，这在web方面是巨大的。仅bg.jpg&intro-home.png就超过了1MB，所以很有可能你的FOUC就是来自于此，因为JS在继续调用脚本的其余部分之前，基本上必须在加载完成之前原地踏步……试着用一个非常小的图像加载页面，看看它是否是FOUCs。我不能保证这就是问题所在，但我会从这里开始寻找错误！在您发表评论之前，我已经准备好提交这些文件，因为我正在使用Yslow重复检查某些内容。所以，很抱歉在你修复它之后评论，很好地解决了它。这就是为什么我喜欢网络开发，它是如此成功。哇-好眼睛，保罗。是的，这个网站是为一家靠近马鹿的公司设计的。我不知道javascript代码的定位会导致hijinks！我刚刚学到了一些新东西-谢谢！尝试了你上面建议的示例方法，但没有成功。但你给了我一个很好的起点。我可能不得不寻找一种不同的方法来建造滑动面板。我会通知你的。非常感谢！在朋友的帮助下很好地解决了这个问题。我需要在正在显示的div中添加一个“display:none”。有时候这是最简单的事情。。。但是Paul，你教我如何使用javascript的定位，这对我来说是一个全新的想法。非常感谢您的帮助！哦，我最喜欢的地区是卡纳纳斯基斯，所以我曾多次驶过那个地区。无论如何，如果JS是一个大文件，或者正在调用某个大文件，那么JS的定位可能会导致问题。在您的情况下，它调用bg.jpg，这在web方面是巨大的。仅bg.jpg&intro-home.png就超过了1MB，所以很有可能你的FOUC就是来自于此，因为JS在继续调用脚本的其余部分之前，基本上必须在加载完成之前原地踏步……试着用一个非常小的图像加载页面，看看它是否是FOUCs。我不能保证这就是问题所在，但我会从这里开始寻找错误！在您发表评论之前，我已经准备好提交这些文件，因为我正在使用Yslow重复检查某些内容。所以我为co道歉