Сайт не работает при просмотре онлайн

Question

Я только что закончил создание веб-сайта для клиента, instantinteriors.com.au . (Посетите этот сайт для получения исходного кода.)

По какой-то причине, когда я смотрю сайт в 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>

Answer 1

Ваша логика верна?Ваша функция hasOverflow возвращает значение true, если значение maxWidth или maxHeight больше текущей ширины и высоты.Если у вас переполнение, разве не должно быть теста, если либо текущие значения больше, чем максимумы?

Вы должны изменить способ использования результата hasOverflow, чтобы стрелки отображались при переполнении.Для краткости можно использовать методы show() и hide().

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

Вызывается ли это, когда документ готов?Форматирование источника затрудняет определение.