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

Question

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

元素将是：

• stylesheet_a.css
• stylesheet_b.css
• 用 “css_toggle”

Answer 1

这是一般的想法的ID DIV元素：

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; 
}); 

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