当我更换页面时如何保持打开下拉列表?

时间:2016-02-22 10:51:30

标签: javascript jquery drop-down-menu dropdown

当我从列表中选择一个页面但没有工作时,我试图保持打开我的下拉列表(我尝试了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>

1 个答案:

答案 0 :(得分:2)

您可以使用本地存储空间。 http://www.w3schools.com/html/html5_webstorage.asp

切换下拉列表时,您可以设置一个像这样的变量

        localStorage.setItem("dropdownIsOpen", true);

你可以像这样阅读

 if (localStorage.dropdownIsOpen === "true") {
   // add class
   }