Данные jQuery () в window.load и document.ready получили неопределенные?

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 равен undefined . Я что-то упускаю из-за событий в Доме?

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');
});