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多级菜单怎么记得重新加载页面打开面板

回答

相关问题