1

このような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);
    }
});
4

0 に答える 0