Адаптивность в jquery

97
29 ноября 2020, 10:30

Например есть такой плагин mmenu, как сделать чтобы он срабатывал только на определенной ширине экрана? подобно медиа запросам в css нашла вот такое решение

$(window).on('resize', function () { 
 if ($(window).width() > 1280) { 
        // код 
  } else { 
        // код 
  } 
})

но проблема в том, что если оно сработало один раз на узком экране и я экран расширю после этого, то действие плагина так и сохранится, а мне надо чтобы при расширении экрана плагин не применялся Может есть какие-то другие методы достичь? или надо через else отменять действие плагина, если да, то какой командой?

Хотелось бы получить универсальный шаблон, который позволяет сделать jquery таким же адаптивным как css. Или вообще узнать как данная проблема решается

Answer 1

$(window).on('resize', function() { 
  if ($(window).width() > 1280) { 
    $('body').css({"background":"red"}) 
  } else { 
    $('body').css({"background":"blue"}) 
  } 
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

READ ALSO
Форма bootstrap перекрывает интер. карту яндекс

Форма bootstrap перекрывает интер. карту яндекс

При этом,если в медизапросе убрать высоту (на скрине справа - elements), то не перекрывает

117
Как добавить пролистывание?

Как добавить пролистывание?

Есть выдвижной чатик с ответами на вопросы и надо добавить справа (в раскрытом виде) возможность пролистывать этот чатВот какая штука нужна...

112
как выровнять span&#39;ы после иконки awesome

как выровнять span'ы после иконки awesome

У разных иконок - разная ширинаИ из-за этого разбивается начало текста

112
Как правильно использовать jquery в html

Как правильно использовать jquery в html

Насколько я знаю, скрипты принято подключать внизу страницы, чтобы ускорить прогрузку основного конетентаПоэтому jquery на странице я хочу...

95