riattivare evento Wheel dopo aver usato event.preventDefault()

[Maxilboss93]

Buongiorno programmatori, ho un problema, ho una funzione che serve ad aprire una modale al click sull' immagine, e voglio che quando si apre la modale sotto la pagina non scrolli con il "Wheel", fin qui tutto bene, sono riuscito, ma poi vorrei che alla chiusura della modale il wheel riprendesse normalmente e invece spunta un errore di google:
"88[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
jquery.js:3 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312"

Qui di seguito il codice della funzione;

    var image = document.getElementsByClassName("img-responsive");
    var modal = document.getElementsByClassName("modal");
    $('body').on('click', 'img', function() {
        $(document).bind("wheel", function(e) {
            e.preventDefault();
            return false;
        });
        if ($(modal).hasClass("fade")) {


            $(modal).click(function() {


                $(modal).modal('hide');
                $(modal).removeClass("in");
                $(modal).css("display", "none");
            });


        }
    });

Con questa funzione alla chiusura della finestra modale il wheel risulta rallentato e scattoso, c' è un modo per risolvere quell' errore e "disattivare" la e.preventDefault()?

[m4rko80]

Ciao, hai provato ad usare unbind per rimuovere l'evento? Piuttosto che farlo sulla classe cerca magari un'evento precedente se possibile.

[Maxilboss93]

$('body').on('click', 'img', function() {
$(document).bind("wheel", function(e) {
e.preventDefault();
return false;
});
if ($(modal).hasClass("fade")) {


$(modal).click(function() {


$(modal).modal('hide');
$(modal).removeClass("in");
$(modal).css("display", "none");
$(document).unbind();
});


}
});

così facendo non mi permette più di fare nessun click sulla pagina!

[Maxilboss93]

Ciao, hai provato ad usare unbind per rimuovere l'evento? Piuttosto che farlo sulla classe cerca magari un'evento precedente se possibile.

$('body').on('click', 'img', function() {
$(document).bind("wheel", function(e) {
e.preventDefault();
return false;
});
if ($(modal).hasClass("fade")) {


$(modal).click(function() {


$(modal).modal('hide');
$(modal).removeClass("in");
$(modal).css("display", "none");
$(document).unbind("wheel");
});


}
});


Adesso sembra funzionare grazie mille!!!