Приложение jQuery не работает (добавление CSS к голове)

Question

Я хочу добавить таблицу стилей в начало страницы, но по какой-то причине она не работает. Должен ли я использовать что-то еще, вместо добавления?

код

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

возможно некоторая полезная информация, я использую firefox 3.6.17

Answer 1

Вы можете попробовать что-то вроде этого:

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

Answer 2

Вы могли бы сделать

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

Answer 3

попробовать:

$(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/

Answer 4

Вы должны поместить этот код в документ готовым, чтобы загрузить DOM. Ты? А потом что-то вроде:

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