0

我已经实现了一个通过 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 处理以防止页面重新加载,我很乐意这样做,但还没有找到可以解决的问题。我曾多次尝试实施以下解决方案,但未能使其发挥作用:

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

4

1 回答 1

1

您可以将用户样式表选择存储在 cookie 中,然后在页面更改时,如果您的服务器具有动态语言(例如 PHP),则使用它来更改输出的样式表,如果没有,则使用 jQuery 读取它设置的 cookie 并更改样式表取决于 cookie 值。

于 2013-08-17T01:37:02.490 回答