このような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 設定で応答などが変更されていないことを確認するために、すべてのコードを必要最小限に取り除きました。
編集:
Jクエリ:
$.ajax({
type: "POST",
url: "data.php",
data: {"data": requestObj},
success: function(data) {
$("#containerDiv").append(data);
}
});