jQueryロードと再ロード関数

Question

jQueryロード関数を使用して、divにURLをロードしています。それが正常に読み込まれると、私は前のロードされたコンテンツの真下に別のURLをロードします。

マイHTML

<div id=content></div> 

私のjqueryの

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

問題は、第二のロードされたコンテンツは、完全に最初にロードされたコンテンツを置き換えることです。

first_contentがロードされた後にコンテンツを追加すると、その下に表示されるようになりますか？

実際にあなたが#contentコンテンツを交換しているおかげで

Answer 1

、ロードされた第2のコンテンツを新しいdiv要素を追加してみてください。

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

Answer 2

最初のブロックをロードします。それが完了したら、divを作成し、2番目のブロックをその中にロードします。それが完了すると、divをコンテンツ領域に追加します。

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