如何在更改页面时保持打开下拉菜单?
问题描述:
我试图保持打开我的下拉列表,当我从列表中选择一个页面,但没有工作(我试过stopPropagation,但它不工作与返回)。如何在更改页面时保持打开下拉菜单?
的JavaScript
$(".dropdown").on("click", function() {
var current_dropdown = $(".v-dropdown");
$("[class^=v-dropdown]").not(current_dropdown).slideUp()
current_dropdown.slideToggle();
return false;});
HTML
<ul>
<li><a class="dropdown" data-hover="title">title</a>
<ul class="v-dropdown2">
<li><a href="#" data-hover="1">1</a></li>
<li><a href="#" data-hover="2">2</a></li>
<li><a href="#" data-hover="3">3</a></li>
<li><a href="#" data-hover="4">4</a></li>
</ul>
答
您可以使用本地存储。 http://www.w3schools.com/html/html5_webstorage.asp
当您切换下拉菜单中,你可以设置一个变量这样
localStorage.setItem("dropdownIsOpen", true);
而且你可以的,如果你正在使用的引导,从下拉列表中,然后添加类“这样的
if (localStorage.dropdownIsOpen === "true") {
// add class
}
阅读打开'到包装div是解决方案。 – user2947