如何在頁面重新載入時保留選單狀態：探索儲存選項

頁面重新載入時保留選單狀態

目標是在頁面重新載入時保持選單按鈕的展開狀態。為此，請考慮使用 localStorage 來儲存選單狀態。頁面載入時，檢查 localStorage 變數是否存在，並將對應的選單項目還原為先前展開的狀態。

實作

使用jQuery Storage API

初始化本地儲存：

儲存選單狀態：

頁載入時，恢復選單狀態：

儲存位置的優缺點

• localStorage： 每個瀏覽器存在，可透過相同網域訪問，頁面重新載入後仍然存在，適合儲存使用者首選項或設定。
• sessionStorage： 每個瀏覽器標籤暫時存儲，選項卡關閉時遺失，適合在單一瀏覽工作階段中儲存臨時資料。

替代儲存方法

• Cookies：伺服器端存儲，可透過網域存取，容量有限。
• 資料庫：伺服器端存儲，需要資料庫設定和連接，適合用於維護特定於使用者的資料。

注意：具體儲存位置可能會根據應用程式要求和效能考量而有所不同。

以上是如何在頁面重新載入時保留選單狀態：探索儲存選項的詳細內容。更多資訊請關注PHP中文網其他相關文章！