禁用单击直到窗口完全加载,即10和9

时间:2017-10-31 03:26:25

标签: jquery css internet-explorer click pointer-events

我正在尝试禁用点击图片元素,直到加载了所有资源,如在 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;});

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

尝试执行以下代码

<强> CSS

cron jobs

<强> JS

body{
    pointer-events:none;
}

希望它的作品......