0
$("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'); があったとき、それは完全に機能していました。しかし、フェードインする前にページが読み込まれていることを確認する必要があります。誰でも明らかな間違いを見つけて、親切に助けてもらえますか。前もって感謝します。

4

1 に答える 1

0

準備ができているウィンドウを使用してみてください:

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

.pageContainerそのコンテンツが完成したら、それ自体を表示する必要があると思いますか? 実際の要素にコンテンツを配置している部分が欠けているため、配置するのが少し難しいと思います$(window).ready()

于 2013-08-13T10:48:57.197 に答える