jQuery: thêm tệp CSS bổ sung vào trang hiện tại

Question

tôi có trang web sử dụng screen.css làm tệp CSS chính. Tôi đã thêm điều này cho màn hình với độ phân giải 1024+.

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

Vấn đề là hi res.css đang thay thế screen.css ... tôi không muốn thay thế nó, tôi chỉ muốn tải thêm css trong trường hợp đó. Bất kỳ ý tưởng? Cảm ơn.

Answer 1

Nối nó để đầu của bạn:

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

Answer 2

Hãy thử điều này .. thay vì thay thế phụ thêm.

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

Answer 3

Bạn muốn .append: o)

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

Answer 4

Bạn có thể muốn kiểm tra liên kết sau:

How to load up CSS files using Javascript?