jQuery load를 사용하여 동적으로로드 된 컨텐츠가 기존 html을 지움

Question

현재 모든 링크의 페이지를 새로 고쳐야하는 번거 로움을 피하기 위해 페이지 컨텐츠가 메인 내에로드되는 설정을 작성하려고합니다.

나는 링크가 #main에로드되도록 클릭 한 모든 링크에 대해 다음과 같이 jQuery load를 사용하고 있습니다. (분명히 완료되면 모든 링크가 아닐 것입니다.)

방문한 페이지는 제대로 작동하지만이로드 링크를 사용하면 콘텐츠가 올바르게로드되지만 은보기 소스에로드 된 HTML 만 표시합니다. 내가 여기서 뭔가 잘못하고있는거야? 콜백 내부

$("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 요소하지 않습니다! :

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

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

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

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

    }); 

    return false 
}); 

Answer 1

.load()에서이 문제를 일으키는 문제는 포함 할 파일에 <script></script> 태그가 포함되어있는 경우입니다.

이러한 것들이 자바 스크립트를 방해하므로 페이지 오류를 일으킬 수 없습니다.

문제를 방지하려면로드 된 파일 내에서 <script></script> 태그를 제거해야합니다.

Answer 2

당신은 ...
사용이 주를 페이드 아웃, 다시 그것을 퇴색하지 않았다