दिलचस्प पोस्ट
ASP.NET MVC में डिफ़ॉल्ट JSON सीरियललाइज़र सेट करना XElement का उपयोग नहीं करने वाले कस्टम एक्सएमएल से `डायरेक्टरी <int, string>` को सीरियललाइज करने के लिए कैसे करें? JavaScript या jQuery का उपयोग करके एक नया टैब में यूआरएल कैसे खोल सकता है? इंटरफ़ेस चर का उपयोग करना जावा में फ़्लोट्स के साथ प्रेसिजन त्रुटि Matplotlib तितर बितर साजिश किंवदंती चरण को कम करने के बाद आउटपुट फाइल मर्ज करें क्रॉस-ब्राउज़र (IE8-) जावास्क्रिप्ट के साथ संक्रमित शैली प्राप्त करें? पायथन क्यों नकारात्मक सूची अनुक्रमित वापस करता है? ओरेकल एसक्यूएल – एक स्तंभ के उच्चतम 5 मान कैसे प्राप्त करें गिट रेपो से कई फ़ाइलों को हटाने से पहले ही डिस्क से हटा दिया गया है जावा स्टैनफोर्ड एनएलपी: स्पीच लेबल्स का भाग? ASP.NET MVC की आवश्यकताएँ केवल उत्पादन में शामिल हैं .jpg का उपयोग करते हुए jQuery UI स्वत: पूर्ण बाँधें () वर्तमान पंक्ति के विवरण को पी से कैसे दिखाएं: डेटा एटी में डेटा: संवाद और सहेजने के बाद अपडेट करें

मैं jQuery का उपयोग कर अपनी सीएसएस स्टाइलशीट कैसे बदलूं?

मैं जो काम कर रहा हूं वह सरल है

आप एक बटन (id="themes") पर क्लिक करते हैं और यह एक div (id="themedrop") जो विषयों को स्लाइड और सूचीबद्ध करता है (मेरे पास केवल दो बिंदु हैं)

 <button id="original">Original</button><br /> <button id="grayscale">Grayscale</button> 

अब जब साइट को लोड किया जाता है तो यह style1.css के साथ लोड होता है (मुख्य / मूल विषय)

 <link rel="stylesheet" type="text/css" href="style1.css"> 

अब मैं क्या पता लगाने की कोशिश कर रहा हूँ … यह कैसे हो सकता है कि जब ग्रेस्केल बटन को स्टाइलशीट को स्टाइलशीट से स्टाइल 1 सीएसएस से स्टाइल 2 सीएसएस में परिवर्तित करने के लिए क्लिक किया जाता है (ध्यान दें: फ़ाइलें एक ही निर्देशिका में हैं)

कोई भी सहायताकाफी प्रशंसनीय होगी।

वेब के समाधान से एकत्रित समाधान "मैं jQuery का उपयोग कर अपनी सीएसएस स्टाइलशीट कैसे बदलूं?"

 $('#grayscale').click(function (){ $('link[href="style1.css"]').attr('href','style2.css'); }); $('#original').click(function (){ $('link[href="style2.css"]').attr('href','style1.css'); }); 

इसे एक कोशिश दो, लेकिन सुनिश्चित नहीं है कि यह काम करेगा, मैंने इसे परीक्षण नहीं किया है, लेकिन जीडी भाग्य।

मैं सुझाव देता हूं कि आप link टैग आईडी को थीम के रूप में देते हैं data में सीएसएस फ़ाइल का नाम रखो- बटन पर बटन और दोनों पर उसी हैंडलर का उपयोग करें:

एचटीएमएल:

 <link id="theme" rel="stylesheet" href="style1.css"> <button id="grayscale" data-theme="style2.css">Gray Theme</button> 

और जेएस:

 $("button[data-theme]").click(function() { $("head link#theme").attr("href", $(this).data("theme")); } 

यह करने का त्वरित तरीका है,

 <link id="original" rel="stylesheet" type="text/css" href="style1.css"> <script> function turnGrey(){ document.getElementById("original").href="grey.css";<!-- what ever your new css file is called--> } </script> <button id="grey" onclick="turnGrey">Turn Grey</button><br /> 

इसे इस्तेमाल करो :

 <link href="Custom.css" rel="stylesheet" /> <link href="Blue.css" rel="stylesheet" /> <link href="Red.css" rel="stylesheet" /> <link href="Yellow.css" rel="stylesheet" /> <select id="changeCss"`enter code here`> <option onclick="selectCss(this)" value="Blue">Blue</option> <option onclick="selectCss(this)" value="Red">Red</option> <option onclick="selectCss(this)" value="Yellow">Yellow</option> </select> <script type="text/javacript"> function selectCss() { var link = $("link[rel=stylesheet]")[0].href; var css = link.substring(link.lastIndexOf('/') + 1, link.length) $('link[href="' + css + '"]').attr('href', $('#changeCss').val() + '.css'); } </script>