將腳本重寫爲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'); 
     }); 
    }); 
});