在AJAX请求获取数据后使用.append()时,元素上的填充消失

时间:2013-09-05 11:05:12

标签: php jquery css ajax append

像这样的div:

<div id="someid" class="someclass">
    <a href="#">content</a>
    <span class="btn1" title="Btn1">Btn1</span>
    <span class="btn2" title="Btn2">Btn2</span>
</div>

两者都在单独的CSS文件中应用了填充。直接通过PHP显示数据(没有AJAX)填充有效但是如果我这样做,但是使用AJAX连接并追加响应,则跨度上的填充消失。

我甚至不确定它是否是填充,因为手动删除填充它看起来与我从AJAX响应中得到的不同。

我对这里发生的事情感到困惑。

我将尝试通过此&#34;图片&#34;

进行解释
From PHP: | Content |Btn1|  |Btn2| |
From AJAX: | Content |Btn1||Btn2| |

按钮之间的空格因某种原因消失了。

通过AJAX(没有页面刷新)加载数据时,与通过PHP(页面刷新)相比,它不会重新应用CSS规则吗?

PS:我把我的所有代码都删除了,以确保我的AJAX设置中的任何内容都没有改变响应等。

编辑:

Jquery的:

$.ajax({
    type: "POST",
    url: "data.php",
    data: {"data": requestObj},
    success: function(data) {
        $("#containerDiv").append(data);
    }
});

0 个答案:

没有答案