jQuery：如何在两个样式表之间创建切换？

Question

我有两个CSS样式表，如何使用单个onclick元素在它们之间切换？

元素将是：

• stylesheet_a.css
• stylesheet_b.css
• ID为“css_toggle”
的DIV元素

Answer 1

这是一般的想法：

1. 将click()事件绑定到css_toggle - $('#css_toggle').click(event_handler);
2. 在事件处理程序中，更改样式表的src属性

更多详细信息和代码可在以下教程中找到 - http://frinity.blogspot.com/2008/06/switch-css-stylesheets-using-jquery.html

Answer 2

说你有这些元素：

<link id=a rel="stylesheet" href="stylesheet_a.css" type="text/css">
<link id=b rel="stylesheet" href="stylesheet_b.css" type="text/css" disabled>

如果您要添加此脚本：

$("#css_toggle").click(function() {
  var isOff = $("a").get(0).disabled;
  $("a").get(0).disabled = !isOff;
  $("b").get(0).disabled = isOff;
});

它应该做你想要的。没有经过测试，但想法应该清楚。