0

特定のリンクをクリックすると、ファイルの内容が div に読み込まれます。これは正常に動作しますが、別のファイルをクリックすると、その div にある ul 要素に別のファイルの内容をロードしたいのですが、動作しません。

これは私が作ったものです:

$(document).on('click', 'a.link2', function() {
  var value = $(this).attr("href");
  value=value.replace("#","");

   var linkName = {'href':value};

          $.ajax({

  type: "POST",
  url: 'pp.php',
  data :linkName,
  success: function(response){
      if(value=="login")
    $('#div1').html(response); 
      }
    });
     }); 

 $(document).on('click', 'a.link', function() {
  var value = $(this).attr("href");
  value=value.replace("#","");

   var linkName = {'href':value};
  // alert(value+"dd");
  $.ajax({

  type: "POST",
  url: 'make.php',
  data :linkName,
  success: function(response){

  $('#target').html(response);

      }
  });
  }) ;

html コード:

<div id="div1">

<ul id="target">
 .
 .
 .
      </ul></div>
4

2 に答える 2

1

あなたの問題は、最初の ajax 呼び出しが内部の html を上書き#div1する$('#div1').html(response)ため#target、2 番目の ajax 呼び出しになると存在しなくなることです。

これを回避するには、html を次のように変更します。

<div id="div1"></div>
<ul id="target"></ul>
于 2013-02-01T15:02:57.820 に答える