jquery - 您可以使用 jQuery 延迟加载元素吗？

Question

我有一个手风琴，其图像加载在手风琴上。单击显示手风琴时，图像会消失。这可以正常工作，但是当页面加载时，您可以在图像出现之前看到手风琴的原始内容。我的脚本隐藏手风琴，显示图像，然后在点击时隐藏图像：

jQuery(document).ready(function($) {
    $("#theBomb").show();
    $("div#accordion").hide();
    $("#theBomb").click(function() {
        $(this).hide("explode", {pieces:100}, 1000,
          function(){
            $("div#accordion").show("blind");
            });
       }); 
     });

有什么办法可以阻止手风琴的原始内容在图像加载之前出现？我不想使用 css 隐藏手风琴的内容，因为如果浏览器中没有激活的 Javascript，我希望读者看不到图像，而是看到手风琴的内容。

Answer 1

$('yourElement').delay(500).queue(function( nxt ) {
    $(this).load('yourpage');
    nxt();
});