.load() следующая страница в скрытый div?

Question

Я использую jQuery .load() для загрузки содержимого страницы.

В обратном вызове этого .load() Я загрузка следующей страницы контента в скрытый <div> с другой .load() функции в надежде предварительно загрузить изображения.

Я проверил пару тестов, и хотя отображается предупреждение , загруженное, изображения, похоже, не кэшируются.

Я использую display:none на <div id="hidden" />, что загружается второй .load(). Может быть поэтому? Если да, то как я могу обойти это?

$(document).on('click', '.next', function() { 

    var prevUrlTitle = $('#prev-url-title').val(); 
    var nextUrlTitle = $('#next-url-title').val(); 

    var path = '/portfolio/embed-image/'+nextUrlTitle; 

    $('#image').load(path, function() { 
     picturefill(); 
     prevUrlTitle = $('#prev-url-title').val(); 
     nextUrlTitle = $('#next-url-title').val(); 
     var pathPrev = '/portfolio/embed-image/'+prevUrlTitle; 
     var pathNext = '/portfolio/embed-image/'+nextUrlTitle; 
     $('#hidden').load(pathNext, function() { 
      alert('loaded'); 
     }); 
    }); 

    return false; 

}); 

Answer 1

Что хранится по URL-адресу "/ portfolio/embed-image/'+ prevUrlTitle"?

$ .load() загружает только HTML-документы.