Comment changer ma feuille de style CSS en utilisant jQuery?

Ce sur quoi je travaille est simple.

Vous cliquez sur un bouton (id="themes") et cela ouvre une div (id="themedrop") qui glisse et liste les thèmes. (Je n’en ai que deux à ce stade)

 

Maintenant, lorsque le site est chargé, il se charge avec style1.css (thème principal / original)

  

Maintenant, ce que j’essaie de comprendre est … Comment puis-je avoir que lorsque l’on clique sur le bouton en niveaux de gris pour changer la feuille de style de style1.css à style2.css (note: les fichiers sont dans le même répertoire)

Toute aide serait très appréciée.

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

Essayez ceci mais vous ne savez pas si cela fonctionnera, je ne l’ai pas testé, mais bon courage.

Je vous suggère de donner au link un identifiant tel que thème. Placez le nom du fichier css dans un atsortingbut de data sur les boutons et utilisez le même gestionnaire sur les deux:

Html:

   

Et js:

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

moyen rapide de le faire est,

   

Utilisez ceci :