скрыть до завершения загрузки -jquery - PullRequest
Новая
       19

скрыть до завершения загрузки -jquery

2 голосов
/ 03 апреля 2011

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

Как я могу сделать этот эффект? 

<script type="text/javascript">
$(document).ready(function(){
$('.nav').fadeIn(700);
});
</script>


<body class="nav" style="display: none">

Ответы [ 2 ]

3 голосов
/ 03 апреля 2011

Конечно, это так же просто, как: 

$(window).load(function() {
    $('.nav').fadeIn(700);
});
2 голосов
/ 03 апреля 2011

Если вы хотите дождаться изображений (сомнительная идея, но это ваш сайт), вы можете просто обработать событие «load» вместо этого: 

$(document).load(function() { $('.nav').fadeIn(700); });

Я говорю, что это сомнительная идея, потому что она можетзанять некоторое время, чтобы получить изображения, и это может сбить с толку.Тем не менее, я понятия не имею, как выглядит ваш сайт, конечно, так что, возможно, все в порядке.

О, также: если вы действительно просто нацеливаетесь на элемент body, то вы можете просто использовать 

$('body').fadeIn(700);

Не то, чтобы в этом контексте это вообще имело значение, но это будет более эффективно.

...