window.onloadを使用したときの読み込み速度が遅い

Question

このスクリプトを使用して、divをid：#main-sliderで非表示にしています。

しかし、ページをロードするたびにdivを1秒または2秒間表示してから消えてしまい、すぐに効果を発揮する方法はありますか？

ありがとうございます。

window.onload = function() { 
    if($(window).width() > 991) 
    { 
     $('#main-slider').removeClass('hidden'); 
    } 
    else 
    { 
     $('#main-slider').addClass('hidden'); 
    } 
} 

Answer 1

使用document.onload代わりに、それは以前に解雇です。参照：https://stackoverflow.com/a/588048/4108884

Answer 2

window.onloadすべての要素が正しく読み込まれるまで待機します。あなたはdocument.onloadを使用するか、またはあなたは、イベントDOMContentLoaded使用することができます。

document.addEventListener("DOMContentLoaded", function(event) { 
    // do something 
}); 

Answer 3

はhtmlページの「メインスライダー」html要素に「隠れた」クラスを追加します。 クラスが最初に追加されるので、main-slider要素は非表示になり、条件に応じて表示または非表示になります。今すぐあなたの小切手で、それは動作するはずです

Answer 4

多分あなたはcss @mediaを使用する必要があります。それを試してみてください：

@media (min-width: 991px) { 
    #my-element { 
     display: none; 
    } 
}