Jquery 内容完全加载时显示Ajax内容

我对脚本有点小问题。在我的WordPress页面中，我更改了导航，这样一按内容就会淡出，出现一个微调器，然后新帖子就会加载到

jQuery.load

，内容就会淡入

我现在看到的是，

淡入

显示为快速。内容仍在加载（主要是iFrame）。我试图在加载事件触发新内容的淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡。代码如下：

//LOAD SPINNER - Fade out when content loaded on Frontpage!
$(window).load(function() {
    // Animate loader off screen
    $(".spinner").fadeOut(300);
    $("#showpage").fadeIn(2000);
});  

jQuery('.pagination a').live('click', function(e) { //check when pagination link is clicked and stop its action.
    e.preventDefault();
    var link = jQuery(this).attr('href'); //Get the href attribute
    jQuery('#ajaxcontent').fadeOut(500, function() { //fade out the content area
        jQuery(".spinner").show(); // show the loader animation
    }).load(link + ' #main', function() {
        jQuery('#ajaxcontent').fadeIn(500, function() { //load data from the content area from      paginator link page that we just get from the top
                jQuery(".spinner").hide(); //hide the loader
            }); 
        });     
    });

我试图在

淡入

之前的

.load（link+#main function）

之后插入加载函数，因为我希望

淡入

时

#main

已完全加载。但它不起作用，或者我不知道怎么做

---

工作测试站点：

功能就绪应修复它：

代码必须如下所示：

jQuery( document ).ready(function( $ ) {
    $(".spinner").fadeOut(300);
    $("#showpage").fadeIn(2000);
}

为我工作过好几次。如描述所述，这些函数是在加载DOM后执行的。

try

document.body.onload

或

---

谢谢

为什么加载事件不起作用？

$(document).ready(function() {
        // Animate loader off screen
        $(".spinner").fadeOut(300);
        $("#showpage").fadeIn(2000);
    });