jQuery:向当前页面添加额外的 CSS 文件

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' />");