使用Jquery按顺序加载DIV

是否可以使用预加载器使用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加载动态（如你的post被标记的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)