스타일을 잃는 Ajax 페이지로드 중

Question

AJAX 스타일로드에 대한 다른 유사한 질문에 대한 응답을 확인했습니다. 솔루션 중 어느 것도 나를 위해 일하지 못했습니다. Ajax 호출 내부

, 내가 페이지에 요소에 다른 AJAX 호출을로드 오전 : 나는 HTML을 수동으로 페이지에 넣을 때

$.ajax({ 
     url: site_url+'/ajax/int_rooms' 
    }).done(function (data) { 
     $('.rooms-sides').append(data); 
    }); 

가 나는 또한

$('.rooms-sides').load(site_url+'/ajax/int_rooms');을 시도, 그것은 스타일과 예상대로 찾고 있습니다. AJAX (성공적으로로드 중입니다)에 가져 와서 붙여 넣으면 더 이상 올바르게 포맷되지 않습니다.

콘솔에 오류가 없습니다. Chrome을 사용하고 있습니다 (Firefox에서 동일한 결과). '요소를 검사하면로드 된 파일은 <tr>과 같은 테이블 태그를 잃어 버리는 것 같습니다. 그러나 크롬 개발자 도구의 네트워크 탭에서 응답을 볼 때 실제로 반환되는 테이블 태그를 확인합니다.

나는 모든 것을 연결하는 주 파일에서 HTML을 동일하게 사용할 때 완벽하게 작동합니다.

이 HTML은 출력되는 PHP 변수에 저장되므로 $ r-> name이 표시됩니다. PHP 에서뿐만 아니라 HTML 파일에 넣으려고했는데 정확히 같은 오류가 발생합니다. 문제

html로 :

<input type='hidden' id='room_name' value='$r->name'/> 
    <tr> 
    <td class="action"><a href="#" title="Delete"><span class="delete">Delete</span></td> 
    <td class="action"><a href="#" title="Duplicate"><span class="duplicate">Duplicate</span></td> 
    <td><a href="#" title="Configure">Configure</td> 
    <td> 

    <div class="ui-widget"> 
    <select id="combobox"> 
    <option value="">Select one...</option> 
    <option value="Kitchen">Kitchen</option> 
    <option value="Bedroom">Bedroom</option> 
    <option value="Living Room">Living Room</option> 
    <option value="Dining Room">Dining Room</option> 
    <option value="Hallway">Hallway</option> 
    </select> 
    </div> 

    </td> 
    <td>$364.14</td> 
    </tr> 
    <script type="text/javascript"> 
    $("#room_name").remove(); 
    </script>