使用Jquery按顺序加载DIV

Question

是否可以使用预加载器使用Jquery加载一系列DIVS。

例如，我有一个页面，其中4个div嵌套在1个主div中。

我想加载content1，然后加载content2，依此类推。

另外，序列中一次只能加载1个div。

这可以用jquery或其他任何东西吗？

Answer 1

是的，使用jQuery.load();，从Content1开始，并在.load（）; 完成回调中触发加载Content2。

示例：

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

编辑：我只是假设“加载”你的意思是通过ajax加载动态（比如你的帖子被标记的PHP）。

Answer 2

是。就在为每个设置load命令时，输入一个延迟命令来计时它们，以便它们按顺序发生。所以，如果你有div ids div-1，div-2，div-3和div-4的div：

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)