2014-07-22 87 views
0

在我的網頁我有一個按鈕來更改文字和背景如何保存網頁的狀態(顏色,每種元素的背景顏色)

$("#invert_color_button").click(function() { 

    $("body *").not("#text-resize-buttons *").css("cssText", "background-color: black; color: white;"); 
}); 

的顏色我怎麼可以保存原始值,並恢復他們與另一個按鈕?

+1

通過將它們保存到全局變量 – Justinas

+0

你能給我一個關於如何做到這一點的提示嗎? – giannisf

回答

1

我認爲你不應該在JS中使用內聯CSS更改。而是使用一些類例如:

.selected { 
    background: red; 
} 

.deselected { 
    background: gray; 
} 

然後檢測DIV是否有類並交換它們。您也可以爲此使用數據屬性。

+0

我應該在哪裏申報這些類別? – giannisf

+0

在你的css文件中。最初添加讓.deselected類的元素和使用JS交換這些類。 – neciu