jquery - 预加载图像/文本，因此当触发 .load 时没有延迟

Question

我使用 jquery .load 将一些内容和图像加载到滑出 div 中，但加载图像似乎有延迟，所以当面板滑出时，我最终得到了图像的占位符框。有没有一种方法可以延迟 .load 函数，直到内容准备好或预加载图像，这样一开始就不会延迟？

这就是我用来加载图像/激活幻灯片的内容

google.setOnLoadCallback(function () {
$("#show-services").click(function (e) {
    e.preventDefault;
    $(".content").load("index.html .get", function () {
        $('.hide-content').click(function () {
            $(".content").hide("slide", {
                direction: "right"
            }, 1000);
        });
    });
    return false;
  });
});

Answer 1

您可以使用以下方法。

$('#content').load("index.html", function(){
   setTimeout(function(){alert("loaded")}, 3000);
});

页面加载成功后设置超时。

Answer 2

您可以隐藏容器，然后加载图像并等待它们被加载（使用 Image 对象数组，其 src 取自您的内容并带有 onload 回调和计数器）。