Не работает обработчик событий

14 февраля 2022, 07:30

Есть скрипт для страницы, который применяет методы fadeIn и fadeOut для некоторых блоков, при ширине окна браузера более 900 px. Проблема в том, что если окно растягивать, то необходимо перезагрузить страницу что бы скрипт сработал. Что бы он работал всегда, ввел обработчик событий addEventListener, но он не работает. Скрипт привязан к HTML в шапке страницы.

$(document).ready(function funFade1(){ 
 
    if(window.innerWidth > 900) { 
    $("#frosted_print").hover( 
     function(){ 
         $("#gloss_print_back").fadeIn(); 
     }, 
     function() { 
        $("#gloss_print_back").fadeOut(); 
    } 
    ) 
     
    $("#gloss_print").hover( 
     function(){ 
         $("#frosted_print_back").fadeIn(); 
     }, 
     function() { 
        $("#frosted_print_back").fadeOut(); 
    } 
    ) 
    }  
     
     window.addEventListener('resize', function() { 
        funFade1; 
     }, false); 
     
})

Answer 1

$(document).ready(function (){
    $("#frosted_print").hover(
     function(){
       if(window.innerWidth > 900)
         $("#gloss_print_back").fadeIn();
     },
     function() {
       if(window.innerWidth > 900)
         $("#gloss_print_back").fadeOut();
     });
    $("#gloss_print").hover(
     function(){
       if(window.innerWidth > 900)
         $("#frosted_print_back").fadeIn();
     },
     function() {
       if(window.innerWidth > 900)
         $("#frosted_print_back").fadeOut();
    });
})