我正在尝试禁用对图像元素的单击,直到所有资源都已加载为止,如启用window.load()或document.readystate处于完成状态后的单击一样。
下面的代码在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;});

最佳答案

页面加载后,您需要取消绑定该click方法。

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

关于jquery - 禁用单击,直到窗口完全加载到10和9,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47027407/

10-13 04:29