Как скрыть div при загрузке страницы

У меня есть div, чей дисплей «none» в css: display:none;. И он должен оставаться скрытым даже после загрузки страницы, но во время загрузки страницы он отображается как вспышка, на секунду и снова скрывается.Как скрыть div при загрузке страницы

Есть ли способ, с JQuery, что я могу переопределить его, чтобы оставаться скрытым в течение всей операции?

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

источник

2016-05-26 Harshvardhan Solanki

ли 'css' файл в' '? – Rayon

Можете ли вы добавить код в jsfiddle? –

Если вы css-файл достаточно велик, возможно, слишком долго загружать файл до применения стилей, вы можете добавить дисплей 'style =": none "' на div it self, таким образом он определенно сделает как скрытый для начала. –

Этот код демонстративно работать для вас ...

CSS код:

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

HTML код:

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

JQuery код:

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

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

источник

2016-05-26 05:14:19

Во-первых, убедитесь, чтобы добавить ссылку CSS между <head> тега.

Просьба очистить кэш и снова проверить. Если ваш файл css слишком велик, вы можете установить встроенный стиль для скрытия этого div.

Если вы хотите спрятать с помощью jquery, вы можете отключить этот $("#documentStatus_div").prop("disabled").

источник

2016-05-26 05:15:07 Cloud

Попробуйте установить стиль как дисплей: ни один для обоих дивы: -

<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>

источник

2016-05-26 05:28:08 Webdev

Вы ищете какой-то, как это? Потому что это то, что я понимаю. Если нет, скажите мне.

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>

источник

2016-05-26 05:43:36

Возможной причиной этого является ваш файл CSS занимает время, чтобы загрузить.

Метод 1: Используйте встроенный стиль

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

Метод 2: Проверка CSS ссылка присутствует в <head> разделе

источник

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>

источник

2016-05-26 06:31:17 Sikander

Как скрыть div при загрузке страницы

ответ

Смежные вопросы