Question

我有一个PHP页面，可以从数据库中使用div元素打印文本。我使用AJAX调用此页面，但由于某种原因，文本显示在页面上而没有任何css设计。只是文字。

当我用INSPECT ELEMENT（F12）检查代码时，我看到div标签，但没有设计（没有css设计）。

RES：

<li class="clear">
    <div class="message-data align-right ">
        <span class="message-data-name  right" >Roi</span> &nbsp; &nbsp;
        <span class="message-data-time" >26-06-2016 17:52:49</span> &nbsp; &nbsp;
    </div>
    <div class="message other-message right">
        60          </div>
</li>

JS：

$(document).on('submit','#addReply',function(e) {       

    var text = $('#addReply textarea[name=text]').val();
    var chatID =  $("#addReply button").attr("data-ref");
    var lastRefreshReplies = $('#lastRefreshReplies').val();

    var data =  "chatID="+ chatID + "&text=" +text + "&lastRefreshReplies=" +lastRefreshReplies;
    var data = data + "&act=addReply";

     $.ajax({
        type: "POST",
        url: "ajax/chatsAjax.php",
        data: data,
        cache: false,
        dataType: 'html',
        success: function(res){

            if (res != "0")
            {
                $( "#replyRow" ).after(res);  // <- print text without any design...

            }

       }
     });

    e.preventDefault();
    return false;   

});

Answer 1

在chatsAjax.php中添加你的css文件，这样它就会渲染div 你的回答应该是这样的

  <link rel="stylesheet" href="path to your css">
 <li class="clear">
   <div class="message-data align-right ">
    <span class="message-data-name  right" >Roi</span> &nbsp; &nbsp;
    <span class="message-data-time" >26-06-2016 17:52:49</span> &nbsp; &nbsp;
</div>
<div class="message other-message right">
    60          </div>

Answer 2

当您通过Ajax在HTML文档中的某个位置加载内容时，该内容将是＆＃34; raw＆＃34;没有风格。

将样式添加（链接）到容器html页面，其中将加载内容，并确保加载的HTML内容是＆＃34;正确＆＃34;，没有拼写错误，没有错误的代码。这应该足够了。

ajax打印文本没有CSS设计

2 个答案: