Forms 在线查看时网站不工作

我刚刚为客户建立了一个网站。（有关源代码，请访问此网站。）

出于某种原因，当我在Firefox中脱机查看网站时，它看起来应该是这样的。上传后，大小会有所不同，例如字体和div大小。我的一些脚本也无法运行

该网站在Safari和Chrome中运行良好，但尚未在Windows上进行检查。表单似乎也有问题，因为我已经准备好了所有的工作和测试，尽管一旦它进入主机服务器，客户端使用它就会失败

我之所以强调客户机的服务器，是因为当我早些时候在主机上测试它时，我使用它工作得很好

以下是许多似乎失败的脚本之一

 <script type="text/javascript">
     $.fn.hasOverflow = function() {
     var $this = $(this);
     var $children = $this.find('*');
     var len = $children.length;

     if (len) {
       var maxWidth = 0;
       var maxHeight = 0
       $children.map(function(){
        maxWidth = Math.max(maxWidth, $(this).outerWidth(true));
        maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
     });

     return maxWidth > $this.width() || maxHeight > $this.height();
    }

    return false;
    };

  $(function() {
   var $content = $('#wrap4').children().wrapAll('<div>');
   if($content.hasOverflow()){
       $("#arrows").css("display", "none");
   } else {
     $("#arrows").css("display", "block");
   }
 });

 </script>

$.fn.hasOverflow=函数（）{
var$this=$（this）；
var$children=$this.find（'*'）；
var len=$children.length；
如果（len）{
var maxWidth=0；
var maxHeight=0
$children.map（函数（）{
maxWidth=Math.max（maxWidth，$（this）.outerWidth（true））；
maxHeight=Math.max（maxHeight，$（this.outerHeight）（true））；
});
返回maxWidth>$this.width（）| maxHeight>$this.height（）；
}
返回false；
};
$（函数（）{
var$content=$（'#wrap4'）.children（）.wrapAll（''）；
如果（$content.hasOverflow（））{
$（“#箭头”）.css（“显示”、“无”）；
}否则{
$（“#箭头”）.css（“显示”、“块”）；
}
});

您的逻辑正确吗？当maxWidth或maxHeight大于当前宽度和高度时，

hasOverflow

函数返回true。如果您有溢出，测试不应该是当前值大于最大值吗

您应该切换使用

hasOverflow

结果的方式，以便在溢出时显示箭头。您可以使用

show（）

和

hide（）

方法作为速记

if($content.hasOverflow()) {
  $("#arrows").show();
} else {
  $("#arrows").hide();
}

---

文档准备就绪时是否调用此命令？源格式很难说。

在safari中，还有一个问题，当我检查博客页面时，它是显示最新文章的博客的提要，加载一秒钟后，跳到只显示博客的提要，而不显示网页。在这里，你没有给我们太多的信息。此外，在Mac上托管网站时，千万不要在Mac上编程。不起作用。把它放在别处，或者至少安装Apache，而不是使用原始文件。（事实上，我忘了上次我在Lion上编程网站时是否使用了XAMPP；如果XAMPP工作正常，就使用它。）@Zenexer——你不在Mac上开发网站的理由到底是什么？根据我自己的经验，我发现它们实际上比在Windows机器上编码和设计更有效。（还有，路易斯，Chrome没有滚动页面……所以还有一些问题需要注意。）@Matt重读我说的话。（我是说你可以在Mac电脑上编程，但我从来没有在Mac电脑上托管过它——我在迁移到Linux服务器时总是遇到问题。）好的，我用dreamhost建立了这个网站，它不使用那些公共的html文件夹等。它工作得很好，包括表单等。但是当我把它放在bluehost上时，通过他们的cPanel进入public_html文件夹，它开始丢失它。我意识到滚动不起作用。正如您可能看到的，滚动是通过脚本上下推动div来完成的，而不是由浏览器控制的滚动。我将发布决定滚动是否显示在上面的脚本。这不起作用。改变了逻辑等。它使它在较少的浏览器上工作。好的，改变了一些额外的东西，包括你的建议，现在似乎工作得很好。不确定到底是什么问题，可能是样式问题。