在 css 样式表之间切换

Question

因此，与其他有关此问题的问题不同，我想使用以下代码：如何使用 jQuery 切换 CSS 样式表？

我需要使用以下代码（jQuery）在多个 css 样式而不是两个样式之间切换：

$('#backgroundDefault').click(function (){ $('link[href="style1.css"]').attr('href','style.css'); }); $('#background1').click(function (){ $('link[href="style.css"]').attr('href','style1.css'); });

这能行吗？ 我喜欢样式之间的平滑过渡，这与我尝试过的许多其他代码示例不同。

Answer 1

是的，它会起作用。 <link>是否在<head>或<body> 。

这是一个基本示例，

 var isToggled = false; $(function() { $('#btnSwitchCss').on('click', function() { isToggled = !isToggled; if (isToggled) { $("link[href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css']").attr('href', '../'); } else { $("link[href='../']").attr('href', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'); } }) });

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <h2 class="text-center"> Switch CSS Style </h2> <button id="btnSwitchCss">Switch</button> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在 css 样式表之间切换

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-05-27 04:02:59

在 css 样式表之间切换

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-05-27 04:02:59

解决方案1
1 已采纳 2016-05-27 04:02:59