Klicken Sie auf Deaktivieren, bis das Fenster vollständig geladen ist z. B. 10 und 9

Question

Ich versuche, klicken Sie auf ein Bildelement, bis alle Ressourcen geladen wurden, wie in den Klick nach der window.load() oder document.readystate ist der vollständige Status. Der folgende Code scheint in Chrome und Safari gut zu funktionieren, aber ich habe Schwierigkeiten, dies in IE-Browsern zu erledigen. Kann jemand bitte helfen, wie man dasselbe für IE-Browser als auch hat.

CSS:

.loading { 
     pointer-events: none; 
    } 

JQuery:

$(window).load(function() { 
    if ($('.productthumbnail').hasClass('loading')) { 
     $('.productthumbnail').removeClass('loading'); 
    } 
}); 
if (document.readyState === "interactive" || document.readyState === 
"loading") { 
    $('img.productthumbnail').addClass('loading'); 

} 

//$('.loading').click(function(){return false;}); 

if (document.readyState === "complete") { 
    $('img.productthumbnail').removeClass('loading'); 
} 

Ich habe versucht, diesen Code unter der if-Anweisung hinzufügen, aber es scheint auch zu deaktivieren, klicken Sie auf, nachdem die Seite geladen wird.

$('.loading').click(function(){return false;}); 

Answer 1

Nachdem die Seite geladen wurde, müssen Sie diese Klickmethode lösen.

$(".loading").unbind("click"); 

Answer 2

Versuchen unter Code tun

CSS

body{ 
    pointer-events:none; 
} 

JS

$(document).ready(function(){ //on page all 
    $('body').css('pointer-events','all'); //activate all pointer-events on body 
}) 

;

Hoffe, es funktioniert ....