jquery - 在 ie 10 和 9 中禁用点击直到窗口完全加载

Question

我试图在加载所有资源之前禁用对图像元素的点击，如在 window.load() 或 document.readystate in 是完成状态。 下面的代码似乎在 Chrome 和 Safari 中运行良好，但在 IE 浏览器中很难完成。 有人可以帮助解决如何为 IE 浏览器提供同样的东西吗？

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'); 
}

我试图将此代码添加到 if 语句下方，但它似乎即使在页面加载后也无法点击。

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

Answer 1

页面加载后，您需要取消绑定(bind)该点击方法。

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