使用Jquery按順序加載DIV

是否可以使用預加載器使用Jquery加載一系列DIVS。使用Jquery按順序加載DIV

例如，我有一個4個div嵌套在1個主div中的頁面。

我想加載內容1，那麼內容2，依此類推。

另外，在序列中一次只能加載1個div。

這是可能的jQuery或其他？

來源

2010-07-20 emillion

是的，使用jQuery.load();，從Content1開始並觸發加載Content2上的完成回調from .load（）;.

例子：

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

編輯：我只是通過「負荷」假設你的意思加載動態（如PHP，你的帖子被打上）通過Ajax的內容。

來源

2010-07-20 19:52:33

謝謝！它工作得很好，我回來說謝謝 – 2011-03-19 07:37:44

太棒了！請將此標記爲答案。 – 2011-03-19 15:38:58

是的。就在你爲每個命令設置加載命令時，使用延遲命令對它們進行計時，以便它們按順序發生。所以，如果你有div的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)

來源

2010-07-20 19:54:36 jasonpgignac

使用Jquery按順序加載DIV

回答

相關問題