Jquery удаление атрибута у класса при ширине

231
03 апреля 2018, 01:25

У меня возникает проблема отключения collapse на кнопках. При разрешении <=767px они отключаются удалением атрибута посредством JS, а условие того что при разрешении >=768px возвращается атрибут data-toggle="collapse" работает только после 785px, хотя я задал условие оператором if (если). Что может быть не так, объясните пожалуйста новичку:) Сам сайт trimmeri.by

$(window).resize(function() { 
   if ($(window).width() <= '767'){ // Если меньше 767px то идёт удаление атрибута 
       $('.hide-1').removeAttr("data-toggle"); 
   } 
   if ($(window).width() >= '768'){ // Если больше 768px то возврат 
       $('.hide-1').attr("data-toggle", "collapse"); 
   }           
});

Answer 1

Используйте Window.matchMedia(). Это прям css-синтаксис для проверки текущего размера окна. В вашем случае, не учитывается scroll-бар:

$(window).resize(function() {
    if (window.matchMedia("(max-width: 768px)").matches) {
        $('.hide-1').removeAttr("data-toggle");
    } else {
        $('.hide-1').attr("data-toggle", "collapse");
    }
}
READ ALSO
Адаптивное меню?
javascript

Адаптивное меню?

Подскажите пожалуйста, нужно чтобы по клику на элемент меню, открывалось sub-menuВложенность может быть и в 4 уровня

 222
генератор из html pdf
PHP

генератор из html pdf

Всем приветПодскажите, пожалуйста, библиотеку генерации PDF файлов, которая может работать на *nix системах и "дружит" с php 7

 254
Проблема с подключением PDO
PHP

Проблема с подключением PDO

Добрый день! Перехожу на PDO, столкнулся со странной ситуацией, есть скрипт следующего вида:

 253
Несколько массивов в одну переменную в php
PHP

Несколько массивов в одну переменную в php

Очень глупый вопрос, но все жеВозможно ли объединить несколько массивов под одной переменной? Например: $a = [1, 2, 3]; $b = [4, 5, 6]; Чтоб в итоге вышло:...

 266