Содержание:
Данный пример поможет подключить любой файл стилей к вашей странице сайта без особых знаний JavaScript. В примере моего кода, jQuery скрипт подключит файл стилей только в случае если на странице есть данный блок:
body.kc-live-editor.kc-request-iframe
jQuery скрипт для подключения файла с стилями
Код который необходимо добавить в файл скриптов своей темы:
jQuery(document).ready(function($){
$('button').click(function(){
/*===========
// В случае если необходимо задать правило отображения в зависимости от присутствия блока на странице
===========*/
if ($('body').length > 0) {
/*--------------------------------------- */
console.log('Да, сейчас страница загрузилась и готова к вставке CSS файла');
var ss = document.createElement("link");
ss.rel = "stylesheet";
ss.href = "//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css";
ss.type = "text/css";
ss.media = "all";
document.getElementsByTagName("head")[0].appendChild(ss);
console.log('CSS файл добавлен');
/*---------------------------------------*/
};
/*===========
// В случае если необходимо задать правило отображения в зависимости от присутствия блока на странице
===========*/
});
});
В данной строке:
"//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css";
Замените путь на свой, то есть вы должны указать путь к своему файлу стилей.