在window.load和document.ready中的jQuery数据（），有没有定义？

Question

需要一些数据存储在window.load和检索document.ready：

<script> 
    $(window).load(function() { // Store here 
     $('img.storable').each(function() { 
     $(this).data("key", "value"); 
     console.log($(this).data("key")); // Output: value 
     }; 
    }; 

    $(document).ready(function() { // Retrieve here 
     $('img.storable').each(function() { 
     console.log($(this).data("key")); // Output: undefined! 
     }; 
    }; 
</script> 

产出document.ready是不确定。我是否错过了关于dom事件的一些事情？

Answer 1

$(document).ready()只要DOM加载就运行，但$(window).load()不会运行，直到DOM已经加载并且所有的dom资源已经加载（如图像和CSS文件和东西）。这意味着$(document).ready()将在您设置该值之前运行。

Answer 2

我觉得文件准备情况window.load前... 所以这应该是完全围绕

其他方式只是做一个简单的测试：

$(document).ready(function() { 
    alert('document ready'); 
}); 
$(window).load(function() { 
    alert('window load'); 
});