SessionStorage保存DIV顯示？

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

這裏是我的代碼：

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

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

來源

2016-02-29 Brianne Riggle

所以，你要'$（「＃shop_vehicle_container」）的那顯示CSS'應該頁面刷新後保持相同以前。對嗎？ –

是的，這是正確的 –

$(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")); 
});

來源

2016-02-29 20:16:31

完美謝謝！這正是我想要做的。 –

是。

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

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

記得檢查存儲瀏覽器支持。

來源

2016-02-29 20:14:58

Cookie的工作太..

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]; 
}

來源

2016-02-29 20:16:23

SessionStorage保存DIV顯示？

回答

相關問題