一尘不染

如何使用jQuery切换CSS样式表?

css

我正在做的事情很简单。

您单击一个按钮(id="themes"),它将打开一个div (id="themedrop"),该div 向下滑动并列出主题。(目前我只有两个)

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

现在,在加载网站时,将加载style1.css(主主题/原始主题)

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

现在,我要弄清楚的是…当单击灰度按钮以将样式表从style1.css更改为style2.css时,如何拥有它(注意:文件位于同一目录中)

任何帮助将非常感激。


阅读 420

收藏
2020-05-16

共1个答案

一尘不染

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

尝试一下,但是不确定它是否能正常工作,我还没有测试过,但是gd运气不错。

2020-05-16