我试图在更改样式表后保留它的状态。我通过在 cookie 中存储一个值来做到这一点。这是我的代码:
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();
})
点击事件完美地工作。我认为问题在于我有两个条件。出于某种原因,cookie 值有时会在页面更改后更改。我希望 cookie 的状态仅在单击事件时更改。
有什么我做错了吗?