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中使用相同的结果）。如果我'检查元素'，似乎加载的文件是LOSING表标签，如<tr>，但是当我从chromes开发人员工具中的网络选项卡查看响应时，我确实看到返回的表标签。

我再说一遍，当我在主文件中使用相同的html时，所有内容都被插入，它完美无缺。

这个HTML被放入一个输出的php变量中，这就是你看到$ r-＆gt; 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>

Answer 1

在同事的帮助下得到它。

必须移动隐藏的输入，它是打破表行。

Answer 2

尝试在/ajax/int_rooms文件中应用样式。

加载Ajax页面丢失样式

2 个答案: