IE7에서 AJAX를 통해로드 된 내용에 CSS가 적용되지 않았습니다.

Question

IE7에 특별히 문제가 있습니다. 탭이있는 콘텐츠 영역이 있고 각 탭의 콘텐츠가 AJAX를 통해로드되고 있습니다. 이것은 FF와 크롬에서 잘 작동하지만 IE7은 AJAX 로딩 된 컨텐츠를 잘못 렌더링합니다. 마치 AJAX 호출 후에 CSS 스타일 중 일부가 적용되지 않는 것입니다.

JS :

는

// Set up the AJAX object parameters 
var tabOptions = { 
    type: 'GET', 
    cache: false, 
    url: '/wp-content/themes/iview/ajax/latest-posts.php', 
    dataType: 'text', 
    error: function(xhr, textStatus, errorThrown, XMLHttpRequest) { 
     $('<p>Sorry, your request could not be completed at the moment due to ' + errorThrown + ' </p>') 
      .appendTo('#tabbed-content') 
    }, 
    success: function(html, textStatus) { 
     $('#tabbed-content').find('#loader') 
          .remove() 
          .end() 
          .find('.jspPane') 
          .append(html); 
    } 
} 

Answer 1

동일한 ID를 가진 두 요소가있을 수있다. # tabbed-content의 내용에 이미 사용 된 ID가있는 요소가 없는지 확인하십시오.