javascript - jquery .load を停止して div 内の情報を上書きする方法

Question

jquery .load 関数を使用して、現在のページの div(page_content) 内の他のページから div(left) をロードしますが、load 関数を使用して page_content の他の div(right) をロードすると、内部のすべてが上書きされます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);
  }
});