Как отключить код jquery $('.slider_picasso').on('wheel', (function(e) {...}?

Question

[Oslar]

Вот сам сайт, где эта проблема
Как мне отключить этот код на разрешении меньше 1024.

$('.slider_picasso').on('wheel', (function(e) {
                e.preventDefault();

                if (e.originalEvent.deltaY < 0) {
                    $(this).slick('slickNext');
                } else {
                    $(this).slick('slickPrev');
                }
            }));

Так как из-за него, как я понимаю, когда я отк. слайдер, у меня не прокручивается страница колесиком мыши, поэтому мне нужно его тоже откл. ток я не знаю как.

Вот полный jquery код

// отключаем слайдер на мобильном и включаем на десктопе
    $(window).on("load resize", function(){
        var width = $(document).width();
        
        if (width < 1025) {
            $('.slider_picasso').slick('unslick');
        } else {
            $('.slider_picasso').not('.slick-initialized').slick({  
                dots: false,
                infinite: true,
                speed: 500,
                autoplay: false,
                arrows: true,
                slidesToShow: 1,
                slidesToScroll: 1
            });
            // код прокрутки слайдов с помощью колесиком мыши
            $('.slider_picasso').on('wheel', (function(e) {
                e.preventDefault();

                if (e.originalEvent.deltaY < 0) {
                    $(this).slick('slickNext');
                } else {
                    $(this).slick('slickPrev');
                }
            }));
            // паралакс для фона страницы
            $(document).on('mousemove', function (e) {
                $('.bg_2').css({
                    left: -e.pageX / 20 - 50,
                    top: -e.pageY / 20 - 20
                });
                $('.img_avtor img').css({
                    left: -e.pageX / 80 - 20,
                    top: -e.pageY / 80 + 20
                });
            });
        }
    });

Comments

[Владимир Обабков]

Почему бы вам не добавить ветвление ?

$('.slider_picasso').on('wheel', (function(e) {

if (window.innerWidth > 1024){

                e.preventDefault();

                if (e.originalEvent.deltaY < 0) {
                    $(this).slick('slickNext');
                } else {
                    $(this).slick('slickPrev');
                }

} else{
return;
}
            }));

Будет считываться при каждом whell...

[Oslar]

Владимир Обабков, вы мой спаситель!!!! Просто огромное вам спасибо!!!

[Владимир Обабков]

Oslar, Ну тогда оформляю ответом.

Answer 1

[Владимир Обабков]

Почему бы вам не добавить ветвление ?

$('.slider_picasso').on('wheel', (function(e) {

if (window.innerWidth > 1024){

                e.preventDefault();

                if (e.originalEvent.deltaY < 0) {
                    $(this).slick('slickNext');
                } else {
                    $(this).slick('slickPrev');
                }

} else{
return;
}
            }));

Будет считываться при каждом whell...

Answer 2

[Dies Irae]

Не уверен, но попробуй вместо
$('.slider_picasso').slick('unslick');
использовать
$('.slider_picasso').unslick();

Comments

[Dies Irae]

Тут подробней: git

[Oslar]

Dies Irae, не пашет, работает нормально только после обновления страницы

[Oslar]

Dies Irae, вот решение было моей проблемы. Выше в комментариях человек помог

$('.slider_picasso').on('wheel', (function(e) {

if (window.innerWidth > 1024){

                e.preventDefault();

                if (e.originalEvent.deltaY < 0) {
                    $(this).slick('slickNext');
                } else {
                    $(this).slick('slickPrev');
                }

} else{
return;
}
            }));