Как написать под каждое расширения свои скрипты?

Question

[7a-666]

Если я пишу допустим такой код

$('.burger').on('click', function (e) {
            // При нажатии на значек меню появляется навигационная панель
            if ($(window).width() < 576){
                $(this).toggleClass('burger_active');
                $('nav').toggleClass('nav_active')
            }
        })

То он будет реагировать на нажатие а потом смотреть расширение но если мне надо 2-а скрипта под это расширение как-то не логично писать для каждого скрипта проверку на ширину экрана я вынес его повыше

if ($(window).width() < 576){
        // Скрипты для мобильной версии сайта

        $('.burger').on('click', function (e) {
            // При нажатии на значек меню появляется навигационная панель
            if ($(window).width() < 576){
            $(this).toggleClass('burger_active');
            $('nav').toggleClass('nav_active')}
        })

        $('.contacts_icon').on('click', function (e) {
            if ($(window).width() < 576){
          
            $('.contacts_text').toggleClass('contacts_text_active');}
        })
    }

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

Answer 1

[WapSter]

Второй вариан засунуть в

$(window).on('resize load', function(){
   // Код
})

и нужно удалять событие, если условие по ширине не удовлетворительно

Comments

[7a-666]

Спасибо помогло

[7a-666]

и нужно удалять событие, если условие по ширине не удовлетворительно
Я правильно понял что мне надо написать ветку else если разрешение не подошло и там удалять события таким способом
$('.burger').off('click');

[WapSter]

7a-666, там несколько сложнее, нужно анонимную функцию делать именованной и использовать ее как обработчик. И да так, но после 'click', вставлять эту именованную функцию обработчик. Думаю пример в документации к off есть.