JQuery <= 2.x では、このコードは機能し、div
すべてが読み込まれた後にテキストを表示します。
<!DOCTYPE html>
<html>
<head>
<title>JQuery 3 Window onload test</title>
</head>
<body>
<div id="my_div" style="visibility:hidden">Greetings!</div>
<script src="jquery.js"></script>
<script>
$(function () {
$(window).on('load', function () {
$('#my_div').css('visibility', 'visible');
});
});
</script>
</body>
</html>
新しい JQuery 3.0.0 では、div は表示されません。ただし、次のように、ウィンドウのオンロード条件を完全に削除すると:
$(function () {
$('#my_div').css('visibility', 'visible');
});
...それが機能するか、ウィンドウのオンロードを次のようにドキュメントの外に移動すると、次のようになります。
$(function () {
// other things I need to do once the document is ready
});
$(window).on('load', function () {
$('#my_div').css('visibility', 'visible');
});
...それからも機能します。私の例で何が起こっているのかを説明しているドキュメントがこちらの JQuery migration/upgrade info ページにあります。
この動作に対応するために多くのファイルを修正する必要があり、過去のように予想される動作で正しい方法でそれを行いたいため、JQuery の達人からの説明をいただければ幸いです。どうもありがとう!