jQuery - 在頁面重新加載後保持切換元素

Question

正如您在下面的代碼中看到的那樣，我有一個使div滑動到滑動窗口的按鈕。

$(function goesUp() { 
    $(".goes_up").click(function(){ 
     $('.toggle_logo').slideToggle("slow"); 
     $(this).toggleClass("goes_down"); 
    }); 
}); 

由於這個div在標題中，我想保持我的元素打開或關閉，因爲它是在頁面重新加載之前。什麼是正確的做法？

Answer 1

網絡是無狀態的，所以如果你想要堅持任何改變，你需要將它存儲在某個地方，並在頁面重新加載時重新創建這些改變。

您存儲的位置取決於您，並且將根據您的要求來決定。 您可以設置一個cookie，並在每次頁面加載時使用jQuery/JavaScript讀取其值。

您可以將它存儲在服務器上，也許作爲用戶會話的一部分，並且每次都從那裏重新創建頁面。

您可以將其存儲在數據庫中，並在該用戶的所有會話中進行更改。

確切的解決方案將取決於您通過堅持更改而努力實現的目標。

Answer 2

或者，設置創建一個類似'切換'的布爾值並將其保存在用戶計算機的本地存儲中。如果用戶點擊'。goesUp'，則將'切換'分配給true。然後檢查加載時'切換'是否爲真或假，並相應顯示。

W3Schools的本地存儲http://www.w3schools.com/html/html5_webstorage.asp