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

Question

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

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

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

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

Answer 2

您可以使用

以下方法。

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

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