加載Ajax頁面丟失樣式

Question

我已經檢查了有關AJAX不加載樣式的其他類似問題的答案。沒有解決方案爲我工作。

內的AJAX調用，我加載另一個AJAX調用到的元素在頁面上：

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

我也試過$('.rooms-sides').load(site_url+'/ajax/int_rooms');

當我把HTML，並把它手動進頁面，它的風格和看起來如預期。 當我把它粘貼到AJAX（正在加載成功）時，它不再正確格式化。

控制檯中沒有錯誤。我使用Chrome（在Firefox中的結果相同）。 如果我'檢查元素'，似乎加載的文件是丟失表格標籤，如<tr>，但是當我查看來自網絡選項卡在chromes開發人員工具中的響應時，我確實看到了正在返回的表標記。

我重複一遍，當我在主文件中使用相同的html來插入所有內容時，它完美地工作。

這個HTML被放入一個輸出的php變量中，這就是爲什麼你會看到$ r-> name的原因。 我試圖把它只是在HTML中，而不是在PHP輸出以及在文件中，它會產生完全相同的錯誤。

有問題的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>