0

我想使用 $.ajax 从 xml 文件中获取 url 字符串,然后获取 url,将其插入样式链接,然后让链接插入<head>,我编写如下代码:

$.ajax({
     type: "get",
     url: "Database/App_all.xml",
     dataType: "html",
     timeout: 2000,
     success: function (xml) {
     var $tid='id-5';
    //alert($tid);
     var $temp_private_css = $(xml).find("app[id='" + $tid + "']").find("css").text();
     if ($temp_private_css.length > 0) {
    //alert($temp_private_css);
     $('head').append('<link href="' + $temp_private_css + '" rel="Stylesheet" type="text/css" />');
         }
     },
     error: function () { }
});

但是,结果在我的萤火虫中

<link type="text/css" rel="Stylesheet" href="' + $temp_private_css + '">

我使用警报功能来查看 $temp_private_css 是否获取值,它显示正确,如“Database/css/test.css”,它只是无法插入头部

为什么会这样?我该如何解决这个问题?

4

1 回答 1

0

您需要在准备好文档时调用它,例如:

$(document).ready(function()
{
    $.ajax({
         type: "get",
         url: "Database/App_all.xml",
         dataType: "html",
         timeout: 2000,
         success: function (xml) {
         var $tid='id-5';
        //alert($tid);
         var $temp_private_css = $(xml).find("app[id='" + $tid + "']").find("css").text();
         if ($temp_private_css.length > 0) {
         //alert($temp_private_css);
         $('head').append('<link href="' + $temp_private_css + '" rel="Stylesheet" type="text/css" />');
             }
         },
         error: function () { }
    });
});

以便它将正确的样式表添加到 DOM。希望这可以帮助。

于 2011-03-05T10:48:35.270 回答