Question

我注意到jQuery Ajax调用在回调之前不会预加载/加载目标页面的图像。所以基本上它只是加载html然后进行回调，并在回调后开始加载图像/图像。

所以我的问题是，是否有办法确保目标页面图像也会在追加功能之前加载/预加载。

示例代码：

$.ajax({
   url: ''+nextHref+'',
   success: function(data) {

   var $response = $(data);
   var oneval = $response.find('#ContainerWrapper').html();

   // Then some kind of function that preloads the target images before it appends the ajax result. So basically the part below is where I don't know what o do.
   $response.find('#ContainerWrapper img').examplepreloadfunction(function(){

      $("#ContainerWrapper").append(oneval);

   });

   }
});

任何答案，线索，想法或实验？

Answer 1

预加载图片：

$('<img/>')[0].src = '/path/to/image';

或：

(new Image()).src = '/path/to/image';

在将从AJAX调用收到的HTML注入DOM之前，您可以为每个图像尝试此操作。

确保图像在Ajax调用上预加载

1 个答案: