क्या jQuery एक विशिष्ट मीडिया प्रकार के लिए सीएसएस को संशोधित कर सकता है?

Question

क्या jQuery के लिए एक विशिष्ट मीडिया प्रकार (उदा। प्रिंट) के लिए सीएसएस को संशोधित करना संभव है?

मेरी विशिष्ट समस्या यह है कि मैं किसी तत्व पर एनिमेट का उपयोग कर रहा हूं और यह प्रिंट स्टाइलशीट को ओवरराइड कर रहा है, जो मेरे प्रिंट लेआउट को खंडित करता है। हालांकि मेरी समस्या सामान्य प्रश्न से थोड़ा अलग है, मुझे लगता है कि एक उत्तर मुझे मेरी समस्या का समाधान करने में मदद कर सकता है। कोई भी संभावित कामकाज भी सहायक होगा। बहुत आभारी।

Answer 1

आपको जावास्क्रिप्ट के साथ ऐसा करने की आवश्यकता नहीं है। बस अपने सीएसएस दस्तावेज़ में @media नियम का उपयोग करें। आप इन सभी चीजों को केवल एक सीएसएस फ़ाइल में लिख सकते हैं। यहाँ विशिष्ट W3C Documentation

@media screen { 

/* all your fancy screen css with a bunch of animation stuff*/ 

} 

@media print { 

/* all your fancy print css just plain */ 

} 

आप अत्यधिक विशेष घोषणाओं लिख सकते हैं और अपनी आवश्यकताओं के सभी तत्वों से मेल कर सकते हैं। बीटीडब्ल्यू ने को IE6 पर समर्थित किया है। हमारी परियोजनाओं में एक आकर्षण की तरह काम करता है।

@media print { 
    body { font-size: 10pt } 
} 

@media screen { 
    body { font-size: 13px } 
} 

@media screen, print { 
    body { line-height: 1.2 } 
} 

Answer 2

एक सीएसएस अपने मीडिया (प्रिंट) के लिए विशिष्ट नियम है कि एक तत्व खाल के साथ जोड़े (जैसे #div {प्रदर्शन: कोई नहीं;}) अपनी स्क्रिप्ट में

, अगर यह:

$('#div').is(':visible') 

सच है, तो आप प्रिंट मीडिया (प्रिंटिंग) पर हैं।