$ .ajax完成后加载css文件

我从$ .ajax从服务器获取内容。而这些内容的HTML字符串，他们有自己的风格欧文，以下是我的代码：

<script src="jquery-1.7.1.js" type="text/javascript"></script> 
<link href="Default.css" rel="stylesheet" /> 
<link href="all.css" rel="stylesheet" /> 
<script type="text/javascript"> 
    var dataStr = "indexOfStart=" + 0; 
    $(document).ready(function() { 

     $("#idgetData").click(function() { 
      $.ajax({ 
       type: "post", 
       url: "http://localhost:1897/Content/Services/Service1.asmx/GetArticlesDuring", 
       dataType: "jsonp", 
       data: { indexOfStart: 0, indexOfEnd: 20 }, 
       jsonp: 'back', 
       success: function (result) { 
        var res = decodeURIComponent(result.Result); 
        document.getElementById("content").innerHTML = res; 

       }, 
       error: function (XMLHttpRequest, textStatus, errorThrown) { 
        targetDiv = $("#data"); 
        if (errorThrown || textStatus == "error" || textStatus == "parsererror" || textStatus == "notmodified") { 
         targetDiv.replaceWith("请求数据时发生错误！"); 
         return; 
        } 
        if (textStatus == "timeout") { 
         targetDiv.replaceWith("请求数据超时！"); 
         return; 
        } 
       }, 
       complete: function() { 
        //addStyle("Default.css"); 
        //addStyle("all.css"); 
        document.write('<link href="Default.css" rel="stylesheet" /><link href="all.css" rel="stylesheet" />'); 
       } 
      }); 
     }); 
    }); 
function addStyle(stylePath) { 
     var container = document.getElementsByTagName("head")[0]; 
     var addStyle = document.createElement("link"); 
     addStyle.rel = "stylesheet"; 
     addStyle.type = "text/css"; 
     addStyle.href = stylePath; 
     container.appendChild(addStyle); 
    }

问题是内容的风格不能被加载和工作，谁能帮助我吗？

来源

2013-07-10 francis

您不应该在请求完成后加载样式，因为一旦加载了CSS，它也会为新元素应用样式。但是如果你愿意，你可以将css样式表追加到complete事件处理程序的头部。

来源

2013-07-10 15:34:53 BrotherBallan

是的，你是对的。我发现问题出在html中的内容字符串中，在样式类名称之前，有“+”（加号）。这是因为在发送内容的C＃代码中，我使用了“Server.UrlEncode（string） “，这会造成”+“问题。我找到解决方案：在C＃代码中，我使用“Microsoft.JScript.GlobalObject.encodeURIComponent（string）”来编码html内容，在客户端js代码中，我使用“decodeURIComponent”来解码。如此完美的方式，现在可以。并且非常感谢你！ – francis

我很高兴我能够帮助，这是没有问题的 – BrotherBallan

在您的代码中，您只需再次加载已有的样式。如果新的HTML内容具有新的CSS样式（即它们既不在Default.css中，也不在all.css中），则需要将它们放入新的样式表或新的内联<style>元素中，并将其添加到文档中。

来源

2013-07-10 15:38:05

谢谢你，我找到了解决方案，我找到了一些有趣的事情，你可以通过看到第一个答案的评论得到它！ – francis

$ .ajax完成后加载css文件

回答

相关问题