Скрипт гамбургера не работает в 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();
});
});
});
}
Ваше условие нужно вложить в .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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Как реализовать на нативном js аналогичную функцию appendTo (jquery) ?
Использую библиотеку Sweetalert, вот репозиторий на гитхаб https://githubcom/t4t5/sweetalert
вот небольшой код и функции как мне правильно записать что именно этот див с классомuserStatus нужно окрасить в голубой(код дает запросы на стрим...