jQuery: वर्तमान पृष्ठ पर अतिरिक्त सीएसएस फाइलें जोड़ना

Question

मेरे पास एक वेबसाइट है जो स्क्रीन.css मुख्य सीएसएस फ़ाइल के रूप में उपयोग करती है। मैंने इसे 1024+ रिज़ॉल्यूशन वाले मॉनीटर के लिए जोड़ा।

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

समस्या यह है कि उच्च res.css को बदल रहा है screen.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 हैं: ओ)

$(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?