JQuery: Почему не создаётся элемент?

Question

[Shimpanze]

Здравствуйте!

Пытаюсь динамически добавить на страницу файл стилей (для Tampermonkey), со своего сайта, который использую для хранилища разных файлов которые куда-нибудь подключаю.

Попытка номер один, была такая:

$( 'head' ).append( `<link rel="stylesheet" url="https://site.ru/cloud/styles/reset/latest/reset.css">` );

Файл не подключился и консоль показала следующую неутешительную картину:



Идея номер два, была такая, чтобы вначале подгрузить сам файл стилей с помощью .load и потом создать сам элемент, чтобы уже железобетонно:

$( '<link/>', {
  'rel': 'stylesheet',
  'url': function() {
    $( this ).load( 'https://site.ru/cloud/styles/reset/latest/reset.css' );
  }
}).appendTo( 'body' );

К сожалению, на выходе я получил только это:

<link rel="stylesheet">

Атрибут url - ни в какую не хочет создаваться.

Как в jQuery убедиться что файл полностью загружен, создать его и поместить в нужное место на странице?

Спасибо!

Comments

[Александр Лысенко]

Как минимум (jquery):

$(document).ready(function(){
  $('head').append( `<link rel="stylesheet" url="https://site.ru/cloud/styles/reset/latest/reset.css">`);
});

Но я так понимаю будет промежуток пока стили не подключаться.

Answer 1

[Нурлан]

$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://site.ru/cloud/styles/reset/latest/reset.css"
}).appendTo("head");