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