将脚本重写为jQuery 3

Question

在我的网站上，我使用以下代码。它适用于jQuery 2.2.3。现在我想使用jQuery 3，但它似乎不工作。你能帮我把这段代码改写成jQuery 3吗？香草js的解决办法是还赞赏

$(document).ready(function() { 
    $('#preloading').load("loading.html", function() { 
     $(window).load(function() { 
      $('#preloading').fadeOut('slow'); 
     }); 
    }); 
}); 

Answer 1

你的问题是因为jQuery中3.x中load()方法仅用于检索通过Ajax请求的内容，所以你使用它作为一个事件处理程序是无效的。顺便说一句 - 在使用2.x的原始代码中不需要它。

要解决该问题，只需删除$(window).load()电话：

$(document).ready(function() { 
    $('#preloading').load("loading.html", function() { 
     $('#preloading').fadeOut('slow'); 
    }); 
}); 

Answer 2

卢卡斯，你的代码已经过时/删除方法：

1. 弃用$(document).ready（https://jquery.com/upgrade-guide/3.0/#deprecated-document-ready-handlers-other-than-jquery-function）
2. 删除​​（https://jquery.com/upgrade-guide/3.0/#breaking-change-load-unload-and-error-removed）

更换后：

$(function() { 
    $('#preloading').load("loading.html", function() { 
     $(window).on('load', function() { 
      $('#preloading').fadeOut('slow'); 
     }); 
    }); 
});