为什么load（）事件没有检测到div加载？

Question

根据jquery规范load()是在页面加载中调用的最后一个函数。但是当我有几个内部部分页面时，如果我在其中一个内部部分中放置<div>，load()会被执行但如果我添加条件检查是否div已加载

if ($('#div1').length > 0 ){ }

这变为false，为什么会发生这种情况以及如何解决？

我检查主要部分

中的div1

$(window).on('load', function() {
    $('#div1').append('<p>this is eg</p>');
    if ($('#div1').length == 0) {
        alert('loaded');
    }
});

上面的代码显示警告，因为没有div但是当我检查chrome中的元素时它显示一个空div

Answer 1

我假设您在页面加载后尝试获取＃div1控件。

$(document).ready(function() {
     $('#div1').append('<p>this is eg</p>');
     if ($('#div1').length == 0) {
          alert('loaded');
     }
});