IE9 - jQuery로 페이지에 html 테이블로드하기

Question

아주 간단한 예를 만들었습니다. 다른 html 페이지에서 ajax를 통해 테이블로 페이지를로드하고 테이블을 중첩하는 것으로 보이는 IE9를 제외한 모든 브라우저에서 정상적으로 작동합니다. 테이블을 div로 바꾸는 것은 여기서는 옵션이 아닙니다. 해결 방법은 무엇입니까? 다음

내 코드입니다 (나는 JQuery와-1.8.1을 사용하고 있습니다) : index.html을

<table id="table_id"> 
     <thead> 
      <tr> 
       <th>Sort Column 1</th> 
       <th>Sort Column 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Row 1 Data 1</td> 
       <td>Row 1 Data 2</td> 
      </tr> 
      <tr> 
       <td>Row 2 Data 1</td> 
       <td>Row 2 Data 2</td> 
      </tr> 
     </tbody> 
    </table> 
<button>load new data</button> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     var tbl = $('#table_id'); 

     $("button").on("click", function() { 
      var xhr = $.ajax("table.html") 
        .done(function (data) { 
         tbl.html(data); 
        }); 
     }); 
    }); 

</script> 

는 table.html

<table id="table_id"> 
     <thead> 
      <tr> 
       <th>Sort Heading 1</th> 
       <th>Sort Heading 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Row 1 New Data 11</td> 
       <td>Row 1 New Data 22</td> 
      </tr> 
      <tr> 
       <td>Row 2 New Data 11</td> 
       <td>Row 2 New Data 22</td> 
      </tr> 
     </tbody> 
    </table> 

Answer 1

당신은 .replaceWith

$('#table_id').replaceWith(data); 

을 사용할 수 있습니다

.html은 내부 콘텐츠를 대체하기 때문에 우리의 경우, 사용 후 .html table이 모양처럼

<table id="table_id"> 
    <table id="table_id"> 
     ... 
    </table> 
</table>