javascript - jquery で div をリロードしますが、.load ではリロードしません

Question

クリック時にページの div をリロードする必要があります。これまでのところ、私はこれを持っています:

<div id="next"><a id="nextC" href="#">NEXT TESTIMONIAL</a></div><!-- END #next -->

そして、js

$('#nextC').click(function(){
    $('#atestimonial').load('/ #atestimonial');
    evt.preventDefault();
});

私はワードプレスを使用しており、データを div 証明書にプルするためにソートされたメソッドがあります。私がする必要があるのは、クリック時に更新することだけです。ページをロードすることは問題ではありません.

これはできますか？私がやりたいのは、divを更新することだけです。

score 0 · Accepted Answer

あなたが提案していることは、あなたが現在デザインしているページでは不可能です。ページのそのセグメントだけをリロードするには、その div を分割して、そのセクションにプラグインするコンテンツのみを返す新しい URL にする必要があります。

それが完了すると、jQuery はそのセクションだけをリロードできます。

score 0 · Accepted Answer

これは #next をリロードするために機能する可能性があります:

$.ajax({
  url: 'yourpage.html',
  success: function(data)
  {
    var new_div = $("#next", $(data)).html();
    $('#next').html(new_div);
  }
});

score -1 · Accepted Answer

evt変数を初期化する必要があり、URL にはスペースが必要です。

$('#nextC').click(function(evt){
    $('#atestimonial').load('/#atestimonial');
    evt.preventDefault();
});

3 に答える 3