Как загрузить файл CSS через JQuery

Question

• Возможно ли загрузить файл CSS через JQuery?
• Кроме того, мне нужен обратный вызов, который уведомит меня, что файл загружен. Файл не будет загружен, если файл существует на клиентской машине.

Пожалуйста, помогите с образцом кода. Благодарю.

Answer 1

(function($) { 
    $.get('/css/foobar/tooltips.css', function(data) { 
     var style = document.createElement('style'), 
      head = document.getElementsByTagName('head')[0] || document.documentElemen; 

     style.type = "text/css"; 
     style.textContent = style.text = data; 

     head.appendChild(style, head.firstChild); 
    }); 
}(jQuery)); 

Приведенный выше код загрузит содержимое tooltips.css. Когда файл передается, создается новый узел link и вставляются содержимое от tooltips.css. После этого новый узел добавляется в ваш документ, и все правила css будут применяться.

Если вам нужно/хочу передать большое количество файлов динамически, я рекомендовал бы сценарий, как supplyJS

Answer 2

Добавление большего селектора в ваш css и внесение изменений в DOM будет проще.

Доступ к локальному файлу ограничен браузером. Это, вероятно, приведет к большой сложности вашего кода.