php - .loadを使用したjQueryのちらつき

Question

jQuery を使用して、.load() 関数を使用して動的に php ページをページにロードしていますが、これまでのところ成功していますが、さまざまなリンクをクリックして .load() で div を更新すると、新しいクリックされたページと古いページ、これはかなり面倒で、誰かが修正しましたか?

現在のコード:

$(document).ready(function(){
    $('a').click(function() {
      $('#content').load($(this).attr("href"));
      return false;
    }); 
});

Answer 1

ちらつきは、＃content divのサイズがロードごとに異なるために発生する可能性があります。ロードする前に、slideTogleを試すか、ロード間の別のトランジションを使用してください

。例：

$(document).ready(function(){
    $('a').click(function() {      
    $('#content').slideUp('slow',function(){
       $('#content').load($(this).attr("href"),function(data){
          $('#content').slideDown('slow'); 
      });
  })
  return false;
}); 
});

Answer 2

前提に疑問を呈してもよろしいかと思います。#content のコンテンツを置き換えるために ajax を使用するすべてのリンクを作成していますか? それはブラウザの進む/戻るボタンの動作を壊しませんか? もしそうなら、私は個人的にそのようなサイトを使いたくありません。