javascript - $(window).on ('load' ) 在 jQuery(document).ready() 中没有被正确调用

Question

我以前在我的 JavaScript 文件中有这段代码，它曾经工作...

jQuery(document).ready(function ($) {
    "use strict";

    $(window).load(function (event) {
        LoadPage();
    });

将 jQuery 更新到版本 3.3.1 后，我不得不将 $(window).load 替换为 $(window).on('load') 因为它已弃用。所以这是新代码:

jQuery(document).ready(function ($) {
    "use strict";

    $(window).on('load', function (event) {
        LoadPage();
    });

问题是这个新代码，并不总是按预期运行...在 Chrome 中，LoadPage() 方法按预期调用。如果我使用 MS Edge，它根本不会点击 LoadPage() 方法。如果我使用 Chrome 隐身模式，它有时会点击该方法，有时不会...知道为什么会这样吗？

Answer 1

好的，我在这里找到了答案:jQuery 3 - Github Issues

这是 jQuery 核心团队 的 Timmy Willison 的解释:

To be clear, we understand what's causing this. We recently made ready handlers fire asynchronously. This has advantages that are hard to give up. The disadvantage is that the ready handler can sometimes fire after the load event if the load event fires quickly enough. The side effect you're seeing in this issue is that you're binding a load event handler after the load event has already fired.

The fix is to bind the load outside of ready:

函数应该这样调用:

$(function() {
  // Things that need to happen when the document is ready
});

$(window).on("load", function() {
  // Things that need to happen after full load
});