如何在瀏覽網站時堅持動態切換樣式表？

Question

我已經實現的溶液爲通過jQuery切換樣式表：

http://www.paulund.co.uk/switch-stylesheets-with-jquery

以下是確切的代碼，複製並從上述站點粘貼：

(function ($j) { 

    switch_style = { 

    onReady: function() {  
     this.switch_style_click(); 
    }, 

    switch_style_click: function(){ 
    $(".box").click(function(){ 
     var id = $(this).attr("id"); 

     $("#switch_style").attr("href", id + ".css");   
    }); 
    }, 
    }; 

    $j().ready(function() { 
     switch_style.onReady(); 
    }); 

})(jQuery); 

的前提是，得到樣式表引用id（例如#switch_style），並在點擊另一個元素時切換'href'屬性。

這很好，但是當我在頁面之間導航時，樣式表會恢復到頁面加載時顯示的原始樣式。

所以我的問題是：

如何讓瀏覽網站時動態切換樣式堅持？

PS

順便說一句，我已經想過ajaxing的主要內容區域，以防止頁面重新加載，這是我很樂意這樣做，但還沒有找到一個解決方案，我可以做的工作呢。我一直在努力，實現以下解決方案几次，但都沒有能夠使它發揮作用：

https://github.com/balupton/jquery-ajaxy

Answer 1

您可以在用戶選擇的樣式表，如果你的服務器存儲在cookie中，然後在頁面變化有動態語言（例如PHP），然後使用它來更改輸出的樣式表，如果不是，則使用jQuery讀取它設置的cookie並根據cookie值更改樣式表。