Суть работы протокола HTTP знаете? Запрос — ответ. Изменение файла на сервере никаким образом не сказывается на уже загруженной странице. Минимум — файл будет просто перезагружен при обновлении страницы. Но, в зависимости от настроек кеша, он еще неделю может старым у пользователя оставаться.
Чтобы файл обновился, этому должен предшествовать запрос. Вы должны явным образом заставить браузер загрузить содержимое этого файла.
Для этого можно воспользоваться способом, аналогичным добавлению/изменению картинок средствами JS. При добавлении картинки браузер автоматически ее загрузить (чтобы показать на странице, конечно же).
Так вот, для тега link действует такой же принцип.| Код |
$('head').append('<link rel="stylesheet" href="/css/style.css" type="text/css" />');
|
Второй из способов следует тому же принципу, это добавление тега style. При добавлении style через JS браузер так же попытается применить все стили внутри него, ибо это есть единственная суть сия тега.| Код |
$('head').append('<style>body { background: green }</style>');
|
Кстати, есть одна полезная особенность — любые скрипты в любом случае загружаются уже после тега head в DOM (так как они всегда либо в нем, либо ниже него). Так что для добавления нового стиля на страницу даже не обязательно ждать загрузки страницы (события load), можно вписать добавление первой же строкой первого скрипта и это будет работать. Так что, если стиль должен быть применен сразу, то эта особенность может помочь избежать эффекта блика, когда стиль резко меняется где-то между началом загрузки страницы и догрузкой DOM, css и js.
Добавлено через 2 минуты и 20 секунд
Sanchezzz, долго писал =) |
)