Могу ли я объединить функцию .load с Fadein в jQuery?

Question

Я использую функцию .load для загрузки на другой странице с помощью jQuery.

Вот мой код:

$('#page1').click(function(){                           
  $("#content").load("page1.html");
});

Это отлично работает, но я хотел бы исчезнуть на новой странице. Есть ли в любом случае, я могу объединить функцию нагрузки и исчезновения? Я пытался это сделать, но это не работает.

Вот моя попытка:

$('#page1').click(function(){                           
  $("#content").load("page1.html").fadeIn("normal");
});

Как я могу объединить функцию .load и .fadein?

Answer 1

Призыв к load будет использовать Ajax и будет работать асинхронно. Вы захотите исчезнуть сразу после прекращения вызова. Вы можете достичь этого, передавая обратный вызов для загрузки. Ваш код будет выглядеть так:

$('#content').load("page1.html", {}, function() { $(this).fadeIn("normal"); }));

Видеть Документация на jQuery's .load () Чтобы получить больше информации.

Answer 2

Скрывать #content Перед нагрузкой и исчезайте во всем div, когда нагрузка завершена. Я предполагаю, что нагрузка принимает функцию обратного вызова ...?

$('#content').hide();
$('#content').load('page1.html', function() { $('#content').fadeIn('normal'); });

РЕДАКТИРОВАТЬ Делай то, что сказал Мигель, во всяком случае =)