jquery - 回调问题。函数未触发

Question

$("a.open").click(function () {
    $(".overlay").fadeIn(650, 'easeOutQuad', function () {
        $(".pageContainer").load(function () {
            $(this).delay(100).fadeIn(850, 'easeOutQuad');
        });
    });
});

我有一个页面需要在它完全加载后显示，覆盖层会根据需要完美地淡入，但是 display:none 的 pageContainer 不会。

当我有 $(".pageContainer").delay(100).fadeIn(850,'easeOutQuad'); 但我需要确保页面在淡入之前已加载。任何人都可以看到一个明显的错误并善意地帮助我。先感谢您。

Answer 1

尝试使用准备好的窗口：

$("a.open").click(function () {
    $(".overlay").fadeIn(650, 'easeOutQuad', function () {
        $(window).ready(function () {
           $(".pageContainer").delay(100).fadeIn(850, 'easeOutQuad');
        });
    });
});

我假设.pageContainer它的内容完成后必须展示自己？我错过了将内容放置在实际元素中的部分，所以我发现放置$(window).ready()