tympanus多級菜單怎麼記得重新加載頁面打開面板

我一直在使用這個插件中的多側面菜單開始： https://tympanus.net/codrops/2015/11/17/multi-level-menu/tympanus多級菜單怎麼記得重新加載頁面打開面板

當我從這個頁面抓起示例代碼我看到插件別這是我的需要。我的意思是，當我將重新加載頁面，每次主面板打開，我正在尋找的任何解決方案，以跟蹤有關上次打開的面板。我可以使用localstorge或餅乾，但我看不到任何方式如何選擇打開，保存這些信息，然後調用函數打開這個保存的面板。我沒有提供示例代碼，因爲我從鏈接使用此代碼。

謝謝你的任何想法！

來源

2017-03-09 user3573535

在鼓室代碼中，當您在菜單中選擇一個項目時，將current類添加到所選項目（對於menuItem和menuLevel）。這意味着你可以通過匹配這個類獲得當前選擇的menuItem和menuLevel，然後將它保存在cookie中。

function getCurrentMenuItemSelected() { 
    var currentMenuItem = $(".menu__item .menu__link--current"); 
    console.log(currentMenuItem.html()); 
} 

function getCurrentMenuLeveItemSelected() { 
    var currentMenuLevel = $(".menu__level.menu__level--current"); 
    console.log(currentMenuLevel.data("menu")); 
} 

getCurrentMenuItemSelected(); 
getCurrentMenuLeveItemSelected();

來源

2017-03-09 09:28:36

嗨。感謝您的回覆。你的想法很酷，但如果插件允許（有功能）打開已保存的面板，現在即時通訊並不適用。即使我就能打開頁面重載後此面板，我想知道如果bredcrumbs等，將工作... – user3573535

我覺得像這樣它會更快自己做一個簡單的例子。在Cookie中保存一些狀態並在頁面加載時添加特定的類並不難。 –

謝謝。我已經添加了這個測試代碼，並選擇了所需的面板 - 在這種情況下（2），但菜單現在失去了synvhro - 沒有面包屑和返回按鈕到前一面板，所以看起來很糟糕$（「。menu__level」）。removeClass （ 'menu__level - 電流'）; 。 $（「menu__level」）當量（2）.addClass（ 'menu__level - 電流'）; – user3573535

tympanus多級菜單怎麼記得重新加載頁面打開面板

回答

相關問題