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

它應該做你想做的。沒有測試，但想法應該清楚。