像这样的 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 响应中得到的不同。
我对这里发生的事情感到困惑。
我将尝试通过此“图片”进行解释:
From PHP: | Content |Btn1| |Btn2| |
From AJAX: | Content |Btn1||Btn2| |
由于某种原因,按钮之间的空间消失了。
难道是通过 AJAX(无页面刷新)加载数据时,与通过 PHP(页面刷新)相比,它不会重新应用 CSS 规则吗?
PS:我将我所有的代码都精简到了最基本的部分,以确保我的 AJAX 设置中没有任何东西会改变响应等。
编辑:
查询:
$.ajax({
type: "POST",
url: "data.php",
data: {"data": requestObj},
success: function(data) {
$("#containerDiv").append(data);
}
});