Последовательная загрузка DIV с использованием Jquery

Question

Можно ли загрузить серию DIVS с помощью Jquery с помощью предварительного загрузчика.

Например, у меня есть страница с 4 делениями, вложенными в 1 основное деление.

Я бы хотел загрузить content1, затем content2 и т. Д.

Плюс, только 1 div будет загружаться одновременно в последовательности.

Возможно ли это с помощью jquery или чего-то еще?

Answer 1

Да, используйте jQuery.load (); , начинайте с Content1 и запускайте загрузку Content2 при обратном вызове complete из .load ();.

Пример:

$("#Div1").load("ajax/Content1.php", function() {
  $("#Div2").load("ajax/Content2.php", function() {
    //(And so on...)
  });
});

Редактировать: Я просто предположил, что под «нагрузкой» вы подразумевали загрузку динамического (например, PHP, которым помечен ваш пост) контента через ajax.

Answer 2

Да. Просто, когда вы устанавливаете команду загрузки для каждого, поместите команду задержки, чтобы рассчитать их время, чтобы они происходили последовательно. Итак, если у вас есть для div с идентификаторами div-1, div-2, div-3 и div-4:

jQuery("#div-1").fadeIn(3000)
jQuery("#div-2").delay(3000).fadeIn(3000)
jQuery("#div-3").delay(6000).fadeIn(3000)
jQuery("#div-4").delay(9000).fadeIn(3000)