jQuery Скрытый div на старте сайта

Question

Я хотел бы спросить, в чем проблема с моим сайтом. У меня есть контактная форма ниже, которая откроет всплывающее окно. Это всплывающее меню уже установлено как скрытое в jQuery (имя класса - .overlay), но когда сайт загружается, всплывающее окно проявляет себя очень малое время. Я бы хотел, чтобы он был полностью скрыт в начале сайта.

MY WEBSITE

Спасибо!

Answer 1

Вот версия CSS:

.overlay{ 
    display:none 
} 

Таким образом, как страница загрузится она спрятана в самом начале, и вы можете изменить это с Jquery.

Проблема в том, что JQuery имеет тенденцию занимать время для загрузки. Поэтому вместо этого сохраните это в CSS и сохраните его в главном теге, чтобы он сначала обрабатывался.

Answer 2

Довольно часто я включаю стиль = "display: none" в DIV, чтобы избежать тех времен, когда JQuery занимает несколько секунд, чтобы загрузить.

<div style="display: none"></div> 

Answer 3

Пожалуйста, используйте display:none; для не отображает элемент на веб-странице или вы можете использовать visibility: none; но дисплей работает лучше.

<div style="display: none;"> 

    Hello World 

</div> 

Это стиль

.overlay { 
    display:none 
} 

Это поставило бы видимость ни где он не будет отображаться на веб-странице, но и пространство будет удалять, visibility: hidden; принимать только бы его подальше, но не отнять космос.

Или вы хотите сделать это в Jquery вот код:

$(".overlay").hide(); 

Вы просто должны использовать hide();

Jquery занимает много времени для загрузки. Поэтому вместо этого сохраните это в CSS и сохраните это в заголовке.