Question

我包含外部脚本和lib。和图像在DOM中。我想在图像和脚本完全加载到URL后删除加载器。

window.onload= function(){
    $(".loader").hide();
}

但在执行脚本或图像加载之前它无法正常工作。

Answer 1

你的语法不正确。使用这个

替换

window.onload= function(){

通过

$(window).load(function() {})

当页面完全加载（包括图形）时运行$(window).load()函数。见https://api.jquery.com/load-event/

Answer 2

您可以使用setTimeout检查图片是否已加载，请看下面的内容：

setTimeout(function () {
        //Check if the image or whatever is loaded  
    }, 30000);

此外，您可以创建一个属性，以便在加载内容后不再在setTimeout中输入，例如：

var isLoaded = 0;

if(isLoaded == 0){
        setTimeout(function () {
             isLoaded  = 1;
            //Check if the image or whatever is loaded  
        }, 30000);
}

您可以在不同情况下封装代码：

下面的代码会等待所有图片和文字资产在执行前完成加载。

$（窗口）.load（函数（）{ //你的代码 }）;
下面的代码会等待加载文本资产

（文档）$。就绪（函数（）{ //你的代码 }）;

我希望它有所帮助。

完成脚本和图像加载后隐藏加载程序

2 个答案: