Question

我有一个使用 screen.css 作为主要CSS文件的网站。我为1024分辨率的显示器添加了这个。

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

问题是hi-res.css正在替换screen.css ...我不想替换它，我只想在这种情况下加载一个额外的css。有任何想法吗？感谢。

Answer 1

将它贴在你头上：

$("head").append("<link id='yournewcss' href='hi-res.css' type='text/css' rel='stylesheet' />");

Answer 2

您想要.append：o）

$(document).ready(function(){
    if(screen.width > 1024) {
       $('head').append('<link href='hi-res.css' type='text/css' rel='stylesheet' />')
    }
 });

Answer 3

试试这个..而不是替换追加一个。

$('head').append($('<link>').attr('href','hi-res.css'));

Answer 4

您可能需要查看以下链接：

How to load up CSS files using Javascript?

jQuery：将其他CSS文件添加到当前页面

4 个答案: