jQuery : 현재 페이지에 추가 CSS 파일 추가

Question

나는 screen.css을 주 CSS 파일로 사용하는 웹 사이트를 운영하고 있습니다. 1024x 해상도의 모니터에이 기능을 추가했습니다.

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

문제

는 하이 res.css이 screen.css ... 내가 그것을 대체하고 싶지 않아 대체하고 있다는 것입니다, 난 그냥 그 경우의 추가 CSS를로드 할. 어떤 아이디어? 감사.

Answer 1

머리에 추가 :

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

Answer 2

다음을 시도하십시오. 하나 추가하십시오.

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

Answer 3

을 당신은 .append 원하는 : O)

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

Answer 4

당신은 다음 링크를 체크 아웃 할 수 있습니다

How to load up CSS files using Javascript?

을