Извините, я попытаюсь упростить свой вопрос. По сути, когда пользователь переходит на страницу... все элементы div на странице и содержимое элемента div исчезают. После загрузки. Я думал, может быть, что-то вроде:
$(window).load(function(){
$('#div').load(function () {
$(this).fadeIn(4000);
});
});
ваше здоровье
Возможно, что-то вроде этого сделает то, что вам нужно:
$(function() { // execute when DOM Ready:
$("#div").load("someOtherFile.html", function() {
$(this).fadeIn(4000);
}).hide();
});
Итак, вы не загружаете какой-либо динамический контент, верно? Вы пробовали, просто:
$(window).load(function(){
$('#div').fadeIn(4000);
});
$(window).load не должен срабатывать до тех пор, пока вся страница не будет загружена в любом случае - вам не нужно снова тестировать div/img. Это может привести к некоторым странностям. Вы хотите, чтобы это было помещено вне $(document).ready(). См.: http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/
Возможно, это было настолько просто, что его упустили из виду, но, по крайней мере, чтобы прояснить первую публикацию кода для других, строка:
$('#div').fadeIn(4000); Работал бы только на . Это может работать или не работать с тегами потомков, в зависимости от их свойств.
если вы выбрали $('div').fadeIn(4000); это будет выполнять функцию для всех тегов div одновременно. И
$('.div').fadeIn(4000); Будет работать со всеми объектами с классом 'div:
С уважением,
Джеймс прав, измените свой код на:
$(window).load(function(){
$('div').fadeIn(4000);
});
использование $('#div') выбирает только элементы с идентификатором 'div'
