перестать мигать скрытый div на экране при загрузке страницы в jquery

Question

Я использую

$(function() {
    $('#div1, #div2, #div3').hide();

в начале моего скрипта, а затем с помощью .fadeIn () их постепенно исчезают. Однако они появляются на долю секунды на экране в IE при загрузке страницы. Есть ли способ предотвратить это?

Answer 1

поместите следующий атрибут в каждый div:

<div id="div1" style="display:none;"></div>

Answer 2

Добавить «display: none» в CSS:

<style type="text/css">
        #divs {
            display:none
        }
    </style>

Answer 3

Что ж, если вы не слишком беспокоитесь о пользователях, у которых отключен JS, вы всегда можете просто скрыть это с помощью CSS.

Другой вариант - поместить этот код непосредственно под DIV, чтобы они выполнялисьмомент загрузки DIV и не нужно ждать, пока загрузится весь DOM.Мне не очень нравится эта опция, потому что вы будете смешивать JS с вашим HTML