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加载和再次加载函数

回答

相关问题