전체 본문 요소를 (클래스 및 ID와 같은 속성과 함께) 바꿉니다.

Question

내 페이지 내용을 바꾸기 위해 AJAX 호출을 수행하고 있습니다. 불행히도 내 전체 페이지의 스타일을 엉망으로 만드는 오래된 클래스를 가지고 내 전체 body 요소를 보존합니다.

내가 완전히하지 않는 누군가 다른 사람의 코드를 사용하고 이해 :

function loadNewContent(url, bool) { 
    url = ('' == url) ? window.location.pathname : url; 
    var newSection = 'cd-'+url.replace('.html', ''); 
    var section = $('<div class="cd-main-content '+newSection+'"></div>'); 

    section.load(url+' .cd-main-content > *', function(event){ 
     // load new content and replace <main> content with the new one 
     $('main').html(section); 
     //if browser doesn't support CSS transitions - dont wait for the end of transitions 
     var delay = (transitionsSupported()) ? 1200 : 0; 
     setTimeout(function(){ 
      //wait for the end of the transition on the loading bar before revealing the new content 
      (section.hasClass('cd-about')) ? $('body').addClass('cd-about') : $('body').removeClass('cd-about'); 
      $('body').removeClass('page-is-changing'); 
      $('.cd-loading-bar').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){ 
       isAnimating = false; 
       $('.cd-loading-bar').off('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend'); 
      }); 

      if(!transitionsSupported()) isAnimating = false; 
     }, delay); 

     if(url!=window.location && bool){ 
      //add the new page to the window.history 
      //if the new page was triggered by a 'popstate' event, don't add it 
      window.history.pushState({path: url},'',url); 
     } 
    }); 
} 

이 완전히 이전 body 요소를 파괴하고 그것을 대체 할 수 있도록,이 코드 조각을 수정하는 것이 가능 새로운 것? 또는 적어도 이전 class body 속성을 새 것으로 대체 하시겠습니까?

Answer 1

코드가 귀하의 웹 사이트의 '기본'섹션을 호출 (따라서 대체)하는 것으로 보입니다.이 섹션은 본문과 다릅니다.

$('main').html(section); 

당신이 변화를해야 body으로 main을 대체한다면 내가 말할 것

.