Question

我有一个脚本允许从页面加载一些内容，我想只在所有内容完全加载时执行一些内容。

我试过这个脚本，但在IE中似乎不够：

$(".ajaxify_container").load('single.php?page='+url.substring(1)+' #single-container', null, function(){
    $(".Slide img").on("load", function () { 
        load_content_animation();
    });
})

Answer 1

修改 - 1

var $images = $(".Slide img"), imageCount = $images.length;
var counter;

$(".Slide img").on("load", function () { 
   counter++;
   if (counter == imageCount) {
       load_content_animation();
   }
});

<强>原始

我想只在所有内容完全执行时才执行某些操作加载。

使用window load。这将在下载所有内容后执行。

jQuery(window).load(function () {
   //Your code comes here
});

Answer 2

将要隐藏的内容换行，直到页面加载div：

<div class="hide">
    <!-- Content hidden when page is loading -->
</div>

使用CSS隐藏内容：

.hide {
    display: none;
}

然后使用JQuery隐藏和显示内容：

jQuery(window).load(function() {
    $('.loading').fadeOut(1000);
    $('.hide').show();
});

jquery等所有内容都被加载（包括img）

2 个答案:

修改 - 1

<强>原始