jQuery: добавление дополнительных файлов CSS к текущей странице

у меня есть веб-сайт, который использует screen.css в качестве основного файла CSS. Я добавил это для мониторов с 1024 + разрешение.

$(document).ready(function(){
if(screen.width > 1024) {
    $('link').attr('href','hi-res.css');
}
});

Проблема состоит в том, который привет-res.css заменяет screen.css... я не хочу заменять его, я просто хочу загрузить дополнительную CSS в этом случае. Какие-либо идеи?Спасибо.

11
задан Andres SK 2 July 2010 в 19:52
поделиться

4 ответа

Добавьте в голову:

$("head").append("<link id='yournewcss' href='hi-res.css' type='text/css' rel='stylesheet' />");
26
ответ дан 3 December 2019 в 03:03
поделиться

Вы хотите .append :o)

$(document).ready(function(){
    if(screen.width > 1024) {
       $('head').append('<link href='hi-res.css' type='text/css' rel='stylesheet' />')
    }
 });
2
ответ дан 3 December 2019 в 03:03
поделиться

Попробуйте это ... вместо замены "добавить".

$('head').append($('<link>').attr('href','hi-res.css')); 
1
ответ дан 3 December 2019 в 03:03
поделиться

Возможно, вы захотите проверить следующую ссылку:

Как загрузить CSS файлы с помощью Javascript?

0
ответ дан 3 December 2019 в 03:03
поделиться
Другие вопросы по тегам:

Похожие вопросы: