jQuery 附加不起作用（将 css 添加到头部）

发布于 2024-11-15 23:06:47 字数 225 浏览 2 评论 0原文

我想将样式表添加到页面头部，但由于某种原因它不起作用。我应该使用其他东西而不是附加吗？

代码

$('head').append('<link rel="stylesheet" href="test.css" type="text/css" class="test" />');

可能是一些有用的信息，我使用的是 firefox 3.6.17

原文

I want to add a stylesheet to the head of a page, but for some reason it doesn't work. Should i use something else, instead of append?

the code

$('head').append('<link rel="stylesheet" href="test.css" type="text/css" class="test" />');

maybe some usefull info, i am using firefox 3.6.17

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

为人所爱 2024-11-22 23:06:47

你可以尝试这样的事情：

loadcss = document.createElement('link');
loadcss.setAttribute("rel", "stylesheet");
loadcss.setAttribute("type", "text/css");
loadcss.setAttribute("href", "test.css");
document.getElementsByTagName("head")[0].appendChild(loadcss);

You could try something like this:

loadcss = document.createElement('link');
loadcss.setAttribute("rel", "stylesheet");
loadcss.setAttribute("type", "text/css");
loadcss.setAttribute("href", "test.css");
document.getElementsByTagName("head")[0].appendChild(loadcss);

回复收藏 0 原文

謌踐踏愛綪 2024-11-22 23:06:47

你可以做

jQuery(document.head).append('<link rel="stylesheet" href="test.css" type="text/css" class="test" />');

You could do

jQuery(document.head).append('<link rel="stylesheet" href="test.css" type="text/css" class="test" />');

回复收藏 0 原文

顾北清歌寒 2024-11-22 23:06:47

您应该将该代码放入准备好的文档中，以便加载 DOM。你是？
然后是这样的：

$(document).ready( function() {
  $("head").append("<link>");
  css = $("head").children(":last");
  css.attr({
    rel:  "stylesheet",
    type: "text/css",
    href: "test.css"
  });
});

You should put that code in the document ready, in order to have the DOM loaded. Are you?
And then something like:

$(document).ready( function() {
  $("head").append("<link>");
  css = $("head").children(":last");
  css.attr({
    rel:  "stylesheet",
    type: "text/css",
    href: "test.css"
  });
});

回复收藏 0 原文

绮烟 2024-11-22 23:06:47

尝试：

$(document).ready( function() {

    $("head").append("<link>");
    var css = $("head").children(":last");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "test.css"
    });

});

示例位于： http://jsfiddle.net/XjAu4/

try:

$(document).ready( function() {

    $("head").append("<link>");
    var css = $("head").children(":last");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "test.css"
    });

});

example is on: http://jsfiddle.net/XjAu4/

回复收藏 0 原文

~没有更多了~