html - 在 div 加载内容之后执行操作。.load() 函数

Question

$(".test").click(function(event) {
    event.preventDefault();     
    var self = this;

    $("#preloader #image").fadeIn();
    $("#preloader").fadeIn();

    $(".frame").load(self.href,function() { 

        $("#preloader #image").fadeOut();
        $("#preloader").delay(111).fadeOut();

        $(".content").slideToggle(185);
    });
});

这应该在加载 div('.frame') 的内容后滑动切换，但内容会立即滑动，而且内容出现的速度也比预加载器的 fadeOut 快。为什么会这样？