保留当前样式表的状态

Question

我试图在更改样式表后保留样式表的状态。我这样做是通过在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的状态仅在点击事件时更改。

我做错了吗？