Wie div zu verbergen, während die Seite lädt

Ich habe ein Div, dessen Anzeige ist "keine" in css: display:none;. Und es soll auch nach dem Laden der Seite verborgen bleiben, aber während die Seite geladen wird, wird sie für eine Sekunde wie ein Blitz angezeigt und versteckt sich wieder.Wie div zu verbergen, während die Seite lädt

Gibt es eine Möglichkeit mit JQuery, dass ich es überschreiben kann, um während des gesamten Vorgangs verborgen zu bleiben?

<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" > 
     <div id="documentStatus_div">...</div> 
</div>

Quelle

2016-05-26 Harshvardhan Solanki

Ist 'css' Datei in' enthalten '? – Rayon

können Sie bitte Ihren Code in jfiddle hinzufügen? –

Wenn Ihre CSS-Datei ziemlich groß ist, ist es möglich, dass es zu lange dauert, die Datei zu laden, bevor die Styles angewendet werden. Sie können 'style =" display: none "' auf dem div it self hinzufügen, so wird es definitiv rendern so versteckt, um damit zu beginnen. –

Dieser Code trotzig für Sie arbeiten ...

CSS-Code:

<style> 
    .display_none { 
     display: none; 
    } 
</style>

HTML-Code:

<div id="dispnone" class="display_none">123</div>

JQuery-Code:

$("#dispnone").removeClass("display_none"); 

setTimeout(
    "$('#dispnone').addClass('display_none');", 
2000);

Quelle

2016-05-26 05:14:19

Zuerst sollten Sie Ihre CSS-Verbindung zwischen <head> Tag hinzuzufügen.

Löschen Sie den Cache und testen Sie ihn erneut. Wenn Ihre CSS-Datei zu groß ist, können Sie den Inline-Stil festlegen, um dieses div zu verbergen.

Wenn Sie mit jquery ausblenden möchten, können Sie wie folgt deaktivieren $("#documentStatus_div").prop("disabled").

Quelle

2016-05-26 05:15:07 Cloud

Versuchen Sie, den Stil als Display: keine für beide divs: -

<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" style="display:none"> 
     <div id="documentStatus_div" style="display:none>...</div> 
</div>

Quelle

2016-05-26 05:28:08 Webdev

Sind Sie für einige wie folgt aussehen? Denn das verstehe ich. Wenn nicht, bitte sag es mir.

function showDiv(){ 
 
\t $('.div-flash').slideToggle(300) 
 
    $('.div-flash').delay(500).slideToggle(500); 
 
}; 
 

 
showDiv();

body{ 
 
    background: #000; 
 
    color: #fff; 
 
} 
 
.div-flash{ 
 
    display: none; 
 
    background: #fff; 
 
    color: #000; 
 
    border-radius: 10px; 
 
    width: 100px; 
 
    padding: 25px; 
 
    margin: 50px auto; 
 
    height: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div> 
 
    This is all doc 
 
</div> 
 

 
<div class="div-flash"> 
 
    This will show and hide 
 
</div>

Quelle

2016-05-26 05:43:36

Der mögliche Grund dafür ist Ihre CSS-Datei Zeit nimmt zu laden.

Methode 1: Verwenden Sie einen Inline-Stil

<div id="documentStatus_div" style="display:none>...</div>

Methode 2: prüfen CSS Link ist in <head> Abschnitt

Quelle

2016-05-26 06:15:25 Bhawna

<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" style="display:none;"> 
     <div id="documentStatus_div">...</div> 
</div>

Quelle

2016-05-26 06:31:17 Sikander

Wie div zu verbergen, während die Seite lädt

Antwort

Verwandte Themen