SessionStorage保存DIV顯示？

Question

我可以使用會話存儲設置div的顯示樣式嗎？ 我有一個按鈕，當單擊該按鈕時，它將顯示另一個通常隱藏的div。 我想設置它是否已被點擊，然后記住刷新頁面后的狀態？

這是我的代碼：

<button id="ShopParts">Shop Parts</button>

$("#ShopParts").click(function() {
  $("#shop_vehicle_container").css("display", "block");
});

Answer 1

是。

var el = $('#shop_vehicle_container');
var style = el.css('display');

// Store
localStorage.setItem("savedstyle", style);
// Retrieve & set
el.css('display', localStorage.getItem("savedstyle"));

請記住檢查存儲瀏覽器支持。

Answer 2

$(document).ready(function () {
    if (sessionStorage.getItem("shop-vehicle"))
    {
        $("#shop_vehicle_container").css("display", sessionStorage.getItem("shop-vehicle"));
    }
});
$("#ShopParts").click(function () {
    $("#shop_vehicle_container").css("display", "block");
    sessionStorage.setItem("shop-vehicle", $("#shop_vehicle_container").css("display"));
});

Answer 3

餅干也有效..

function setCookie(name, value) {
    var cookie = name + "=" + escape(value) + ";";
    document.cookie = cookie;
}

function getCookie(name) {
  var regexp = new RegExp("(?:^" + name + "|;\s*"+ name + ")=(.*?)(?:;|$)", "g");
  var result = regexp.exec(document.cookie);
  return (result === null) ? null : result[1];
}