jQuery loadで動的にロードされたコンテンツは、既存のhtmlをクリアします

Question

現在、すべてのリンクのページを更新する必要がないように、メインページ内にページコンテンツが読み込まれる設定を作成しようとしています。

リンクが#mainにロードされるようにクリックされたすべてのリンクに対して、次のようにjQuery loadを使用しています。 （完了時に明らかにそれはすべてのリンクではありません。）

ページが正しくなく、のみ表示ソースにロードされたHTMLを示し、直接訪問した細かい動作しますが、あなたがしようとすると、この負荷のリンクを使用している場合、それはコンテンツをロードします、私はここで何か間違っているのですか？

$("body").on("click", "a", function(){ 

    $("#footer, #main").fadeOut('fast'); 

    $("#main").load($(this).attr("href"), function(){ 

     $("#main, #footer").fadeIn('slow'); 

    }); 

    return false 
}); 

Answer 1

​​でこの問題が発生する問題は、含まれているファイルに<script></script>タグが含まれている場合です。

これらはJavascriptに干渉し、ページのエラーを引き起こすことに対処できません。

ロードするファイル内から<script></script>タグを削除する必要があります。

Answer 2

あなたがメインをフェードアウトし、再びそれをフェードしませんでした...この
使用：

$("body").on("click", "a", function(){  
    $("#footer, #main").fadeOut('fast');  
    $("#main").load($(this).attr("href"), function(){  
     $("#main").fadeIn('slow'); // <====================== 
     //$(this).fadeIn('slow'); this isn't the main object! 
     $("#footer").fadeIn('slow');  
    });  

    return false 
}); 

thisコールバックの内側には、DOM要素ではありません！