jQuery .load（） - 附加两个元素

Question

我正在使用jQuery .load（）方法，我想追加两个元素。我可以单独加载它们但不能同时加载它们，如何在另一个下加载？

$('#left').load('page1.php #div1');
$('#left').load('page2.php #div2');

Answer 1

将#left内的两个元素作为占位符：

<div id="left">
    <div id="left-top"></div>
    <div id="left-bottom"></div>
</div>

在js

$('#left-top').load('page1.php #div1');
$('#left-bottom').load('page2.php #div2');

Answer 2

如果加载的divs的顺序很重要，您可以这样做：

$("#left").load('page1.php #div1', function() {
  $("#left").append($.load('page1.php #div2'));
});

这样，lo #div2的内部函数将在第一个.load完成后运行