jQuery3以降では $(function () {}内で $(window).on('load', function(){}); は使えない

はじめに

jQueryの$(window).on ('load')が上手く動かない。
具体的には、リストデータを遅延読み込みする際に画面読み込み時だけ上手く動かず、条件検索や件数表示を変えたときの処理はきちんと動く。

改善前のソースコード

$(function () {
    $(window).on('load', function(){
    	// ここでAjax通信を行う。
    });
}

これがそもそもダメだった。
$(function () {} で$(window).on('load', function(){});を囲うことは jQuery3以降では完全にアウトとのこと。

解決策

$(window).on('load', function(){
    // ここでAjax通信を行う。
});

$(function () {} の外に出すだけ。

ただ、開発によっては思わぬ事故を防ぐために関数定義のたびに$(function () {}で囲うのをちょいちょい見ます。
少なくとも、$(window).on('load', function(){});に限っては$(function () {} の中で定義するのはやめておいた方が良さそう。

参考文献