Как сделать так, что бы функция повторялась

252

28 февраля 2019, 01:40

Есть вот такой скрипт:

 $(document).ready(function exp(){
          if (window.innerWidth <= 576) {
             $('.Onf').on('click', function () {
             $('.Onf').fadeOut(100);
             $('.nav-burger').css('background-image', 'url("img/icon-menu.svg")', 'no-repeat'); 
             });
          }
    });

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

Answer 1

Вызывается при загрузке и изменении ширины экрана

$(window).on("load resize", funtion(){
    $('.Onf').off('click');
    if (window.innerWidth <= 576) {
        $('.Onf').on('click', function(){
            $('.Onf').fadeOut(100);
            $('.nav-burger').css('background-image', 'url("img/icon-menu.svg")', 'no-repeat'); 
        });
    }
});

Как и Grundy отметил правильно

Что в этом случае при изменении размеров до 576px будет добавлено куча обработчиков