我已经实现了一个通过 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”属性。
这很好用,但是当我在页面之间导航时,样式表会恢复为页面加载时显示的原始样式表。
所以我的问题是:
导航站点时如何使动态切换的样式表保持不变?
附言
顺便说一句,我考虑过对主要内容区域进行 ajax 处理以防止页面重新加载,我很乐意这样做,但还没有找到可以解决的问题。我曾多次尝试实施以下解决方案,但未能使其发挥作用: