Question

我用JQuery做了一些风格改变：

$(document).ready(function(){
$('#green').click(function (){
   style1 = $('link[href="style1.css"]').attr('href','style2.css');
});
$('#gray').click(function (){
   style2 = $('link[href="style2.css"]').attr('href','style1.css');
});
});

所以，用按钮更改它很简单。例如，我的style1有bg-color：绿色，style2有灰色。

如果有人点击绿色按钮，我怎么能在进入我的网络应用程序时保留它？我是指下一页，刷新等等。

Answer 1

你可以这样做using cookies

Cookie是用于在客户端存储数据的最常用技术。我之前的文章“如何处理JavaScript中的Cookie”解释了如何使用原始JavaScript执行带有cookie的CRUD操作。本文转向jQuery，并将指导您使用jquery.cookie，这是一个使cookie处理变得简单的插件。

安装jquery.cookie

<head> <script src="path/to/jquery.js"></script> <script src="path/to/jquery.cookie.js"></script> </head>
初始化Cookie

$.cookie("style", style1);
在第二页上检索Cookie：
```
console.debug($.cookie("style")); 
```

Official documentation

Answer 2

您可以使用Globe Globe执行此操作 假设它是您的目标网页

stat0 = {}
stat0["bob"] = 0
stat1 = {}
stat1["bob"] = 0
stat2 = {}
stat2["bob"] = 0

for i in range(3):
    print(stat(i))

现在您必须访问其他页面的样式表

<script>
var defaultStyleSheet = "style2.css";

$(document).ready(function(){
$('#green').click(function (){
defaultStyleSheet = 'style2.css';
  $('link[href="style1.css"]').attr('href',defaultStyleSheet );
});
$('#gray').click(function (){
defaultStyleSheet = 'style1.css';
 $('link[href="style2.css"]').attr('href',defaultStyleSheet );
});
}); 
</script>

现在 defaultStylesheet 包含您设置的最后一个值，并相应地加载样式表。

JQuery - 记住CSS样式

2 个答案: