如何阻止jquery .load来覆盖div中的信息

Question

我使用jquery .load函数从当前页面上的div（page_content）内的其他页面加载div（左）但是当我使用load函数在page_content中加载另一个div（右）时它会覆盖在div内部的每一个（page_content）。 而我只是想将它添加到div中。

这是我的代码：

function load(){ $('#page_content').load('test.php .left');}

function load2(){ $('#page_content').load('test2.php .right'); }

Answer 1

您可以使用callback function to convert two call to single call and get the .left and right content in the call to assign to your element with id page_content，

$('#page_content').load('test.php', function(result){
  leftContent = $(result).find('.left').html();
  leftRight = $(result).find('.right').html();
  $(this).html($(leftContent + leftRight ).find('')
});

Answer 2

试试这个

function load(){ $('#page_content').load('test.php .left');}

$.ajax({
  url: 'test2.php .right',
  success: function(data) {
     $('#page_content').append(data);
  }
});