Jquery के साथ माध्यमिक स्टाइलशीट कैसे बदलें?

Question

मेरे पास मेरी साइट पर मेरा base.css और एक red.css है।

मुझे ब्लू सीएसएस के लिए red.css बदलना पसंद है जब मैं कुछ बटन दबाता हूं, खोए बिना base.css यह कैसे करें?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 

<script type="text/javascript"> 
    if($.cookie("css")) { 
    $("link").attr("href",$.cookie("css")); 
    } 
$(document).ready(function(){ 
    $("#troca_faccao").click(function() { 
     $(this).parent().find("#painel_faccao").slideDown('fast').show(); //Drop down the subnav on click 
     $(this).hover(function() { 
     }, function(){ 
      $(this).parent().find("#painel_faccao").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up 
      }); 
     }) 
    $("#painel_faccao li a").click(function() { 
     $("link").attr("href",$(this).attr('rel')); 
     $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'}); 
    return false; 
    }); 
}); 
</script> 

और div:

$("link:eq(0)").attr("href",$(this).attr('rel')); 

:

     <div id="painel_faccao" style="display: none"> 
         <p>A Escolha é Sua!</p> 
         <ul> 
          <li class="horda"><a href="#" rel="horde.css">HORDA</a></li> 
          <li class="alianca"><a href="#" rel="aliance.css">ALIANÇA</a></li> 
         </ul></div> 

Answer 1

आप स्टाइलशीट आप चाहते हैं को लक्षित करने के :eq फिल्टर चयनकर्ता या eq() विधि का उपयोग कर सकते हैं मैं इस की कोशिश की है स्थिति कोपर निर्दिष्ट करें स्टाइलशीट के लिएजिसे आप href बदलना चाहते हैं। जरुर आप लिंक स्टाइलशीट का hrefred.css की ओर इशारा करते और न base.css

---

वैकल्पिक रूप से, आप लिंक स्टाइलशीट करने के लिए एक id आवेदन कर सकते हैं आप href OFL बदलना चाहते बदलना चाहते

<link id="someID"............/> 

और बाद में कार्य करें:

$("link#someID").attr("href",$(this).attr('rel')); 

Answer 2

http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

tl; डॉ:

अपने HTML में कहीं न कहीं:

<link id="styles" rel="stylesheet" type="text/css" href="red.css" /> in HTML 

अपने jQuery में कहीं न कहीं:

$("#styles").attr("href","blue.css");