0

私のページはhtmlがロードされるのに約1秒かかります。display：noneに最初に設定され、通常の使用中にjqueryトグルによってアクセスされるいくつかの非表示のdivがあります。ただし、ページの読み込み中は、これらの非表示のdivが約0.5秒間点滅します。ページがハードリフレッシュされ、ロードに3〜4秒かかる場合、それらのdivは約1〜2秒間表示されます。これを防ぐ方法はないかと思います。見た目が悪い場合は、2秒間フラッシュさせたくありません。ページの簡略化されたhtmlはこれです。

<!DOCTYPE html>
<html>  
<head>      
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       
    <title>Site - Home</title>      
    <link rel="stylesheet" type="text/css" href="style.css" />              
    <!--JQuery-->       
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>              
    <script type='text/javascript' src='javascript/popup.min.js'></script>  
</head>     

<body>      
    <a href="#" id="new-post">New Post</a>

    <!--Popup container-->
    <div id="new-post-box" class="popup" style="width:500px;">      
        blah            
    </div>

    <script type="text/javascript">/*popup function*/</script>              
</body>
</html>

そのコードが必要かどうかはわかりませんが、ページの読み込み時に何とか表示されるdivが表示されないようにすることはできますか。ここでも、最初はdisplay：noneに設定されていますが、cssはhtmlより少し遅れて読み込まれると思います

4

1 に答える 1

0

display:none プロパティがファイルの css にあり、document.ready() やその他のスクリプトにないことを確認してください。それは問題を軽減するはずです。

上記の場合 (class='popup' を非表示にしたいと思います)、CSS で次のようにします。

.popup{
  display:none;
}
于 2013-03-18T02:00:44.970 に答える