プリローダー：現在のローダーdivを削除してコンテンツdivを表示する方法

プリローダーに問題があります。それは退屈ではなく、内容を示します。これは私のHTML、JS、およびCSSコードです： HTML：プリローダー：現在のローダーdivを削除してコンテンツdivを表示する方法

<body>  
    <div class="preload" id="preload"></div> 
    <div class="content hidden" id="content"></div> 
<body>

JS：

$(window).load(function() { 
    $("#preload").delay(700).fadeOut("slow"); 
    $("#content").removeClass("hidden"); 
});

CSS：事前に

.hidden{ 
    visibility: hidden; 
} 
.preload{ 
    width : 100%; 
    height : 100%; 
    top : 0; 
    left : 0; 
    z-index: 1; 
    bottom : 0; 
    position : fixed; 
    background: #ff1a1a; 
} 
.loader-frame{ 
    margin : auto; 
    position: relative; 
}

感謝。

出典

2017-03-26 LD Tuan

あなたが使用しているクラスである可能性があります。あなたはCSSを投稿していないので、私たちはあなたを助けることはできません。 :( –

[$（window）.load（）がjQueryで動作しない理由は？]（http://stackoverflow.com/questions/38650315/why-window-load-is-not-working-in- jquery） – Andreas

あなたはon（）メソッドを使用する必要があると思います – Jayanta

jsファイルで変更する必要があると思います。 like：

$(window).on('load', function(){ 
    $('#preload').delay(700).fadeOut('slow', function(){ 
     $("#content").removeClass("hidden"); 
    }); 

});

出典

2017-03-26 16:43:51 Jayanta

プリローダー：現在のローダーdivを削除してコンテンツdivを表示する方法

答えて

関連する問題