将<link />附加到使用jQuery不起作用

时间:2014-09-12 09:31:29

标签: jquery append favicon

我已将所有我的favicon标签和我的样式表(我的标题内容html在另一个文件中)的引用放在一个单独的文本文件中,我可以在我的所有页面上加载。这就是我所做的:

favicon.txt:

<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="favicon/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">

的index.html:

<script id="favicon"></script>
<script>
    $(function () {
        $("#favicon").load("favicon.txt");
    });
</script>

现在的问题是,这个脚本成功加载了样式表部分,但是使用了favicon部分失败了。当我使用以下内容时,同样的事情非常有效:

$("head").append('<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">');

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:(没有测试过它)

$.ajax({
    url: "favicon.txt",
}).done(function(data) {
    $("head").append($(data));
});