jQuery加載和再次加載函數

我正在使用jQuery加載函數來加載一個URL到一個div。一旦成功加載，我想直接加載另一個URL在以前加載的內容下。jQuery加載和再次加載函數

我的HTML

<div id=content></div>

我的jQuery

$('#content').load('first_content.php', null, function() { 
    $('#content').append().load('second_content.php'); 
});

的問題是，第二加載的內容，完全取代第一加載的內容。

如何在first_content加載後追加內容，以便它出現在底下？

感謝

來源

2012-03-14 btwong

如果你用'$（ '＃內容'）所取代你的第二個'.load（）'。負載（）'）.append的'括號（'內，是否仍然擦拭原創內容？ – Aaron 2012-03-14 00:29:53

其實你替換＃內容的內容，嘗試用追加第二加載內容的新的div。

$('#content').load('first_content.php', null, function() { 
    $('#content').append($('<div/>').load('second_content.php')); 
});

來源

2012-03-14 00:31:17

非常感謝。現在完美運作。 – btwong 2012-03-14 00:37:56

你試過這個嗎？我認爲問題是'.append（）'不會返回新的內容（它會返回原始的jquery對象），所以這隻會將第二個內容加載到第一個內容上。 – jfriend00 2012-03-14 00:38:53

是的，我確實嘗試過......因此綠色的勾號。 – btwong 2012-03-14 00:41:01

加載第一個塊。完成後，創建一個div並將第二個塊加載到該塊中。當那個完成將div附加到內容區域時。

$('#content').load('first_content.php', null, function() { 
    $("<div>").load('second_content.php', function() { 
     $(this).appendTo("#content"); 
    }); 
});

來源

2012-03-14 00:34:48 jfriend00

jQuery加載和再次加載函數

回答

相關問題