if($(window).width()<=800) не работает в Chrome

236
23 июля 2017, 12:21

Скрипт гамбургера не работает в Google Chrome, но прекрасно работает в FireFox, если я задаю ему if($(window).width()<=800){}. Если же убираю настройки экрана, то тогда работает во всех браузерах.

В чем может быть причина?

if ($(window).width() <= 800) {
  $(document).ready(function() {
    $(".cross").hide();
    $(".navigation").hide();
    $(".hamburger").click(function() {
      $(".navigation").slideToggle("slow", function() {
        $(".hamburger").hide();
        $(".cross").show();
      });
    });
    $(".cross").click(function() {
      $(".navigation").slideToggle("slow", function() {
        $(".cross").hide();
        $(".hamburger").show();
      });
    });
  });
}
Answer 1

Ваше условие нужно вложить в .ready(), а не наоборот:

$(document).ready(function() { 
  if ($(window).width() <= 800) { 
    $(".cross").hide(); 
    $(".navigation").hide(); 
    $(".hamburger").click(function() { 
      $(".navigation").slideToggle("slow", function() { 
        $(".hamburger").hide(); 
        $(".cross").show(); 
      }); 
    }); 
 
    $(".cross").click(function() { 
      $(".navigation").slideToggle("slow", function() { 
        $(".cross").hide(); 
        $(".hamburger").show(); 
      }); 
    }); 
    console.log('Ширина экрана <= 800'); 
  } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

READ ALSO
appendTo аналогичные функции в Js?

appendTo аналогичные функции в Js?

Как реализовать на нативном js аналогичную функцию appendTo (jquery) ?

354
добавить ссылку в модальное окно Sweetalert

добавить ссылку в модальное окно Sweetalert

Использую библиотеку Sweetalert, вот репозиторий на гитхаб https://githubcom/t4t5/sweetalert

255
как правильно выбрать один из классов

как правильно выбрать один из классов

вот небольшой код и функции как мне правильно записать что именно этот див с классомuserStatus нужно окрасить в голубой(код дает запросы на стрим...

310