Javascript 保留当前样式表的状态
我试图在样式表被更改后保留其状态。我通过在cookie中存储一个值来实现这一点。这是我的代码:Javascript 保留当前样式表的状态,javascript,jquery,Javascript,Jquery,我试图在样式表被更改后保留其状态。我通过在cookie中存储一个值来实现这一点。这是我的代码: var content = $("#content"); var state = $.cookie("layoutState"); if (state === "grid") { content.removeClass("content-list").addClass("content-grid"); console.log($.cookie("layoutState")); }
var content = $("#content");
var state = $.cookie("layoutState");
if (state === "grid") {
content.removeClass("content-list").addClass("content-grid");
console.log($.cookie("layoutState"));
}
if (state === "list") {
content.removeClass("content-grid").addClass("content-list");
console.log($.cookie("layoutState"));
}
$("#list").on("click", function (e) {
$.cookie("layoutState", "list");
content.removeClass("content-grid").addClass("content-list");
e.preventDefault();
})
$("#grid").on("click", function (e) {
$.cookie("layoutState", "grid");
content.removeClass("content-list").addClass("content-grid");
e.preventDefault();
})
点击事件工作得很好。我认为问题在于我有两个if条件。
由于某些原因,页面更改后cookie值有时会更改。我希望cookie的状态仅在单击事件时更改
有什么地方我做错了吗?你确定没有在代码的其他地方编辑cookie值吗?没有,这是我编写的唯一一段javascript