Question

我试图在jQuery中使用localStorage来记住活动菜单项。但它似乎没有用。

这是菜单 -

<ul class="mainnav ">
   <li class="active" title="Ranger Dashboard" rel="tooltip" data-placement="bottom"><a
                                    href="/Home/Index"></a></li>
   <li rel="tooltip" data-placement="bottom" title="Upload a Funcard"><a href="#"></a></li>

   </ul>

的jQuery -

<script type="text/javascript">
    $(function () {
        $('.mainnav li').click(function () {
            $(this).siblings().removeClass('active');
            $(this).addClass('active');
            var activeIndex = $(this).index();
            localStorage.setItem('mySelectValue', activeIndex);
        });
    });

</script>
<script type="text/javascript">
    $(window).load(function () {
        var activeIndex = localStorage.getItem('mySelectValue');
        $('.mainnav> li:eq("' + activeIndex + '")').addClass('active');

    });

</script>

这个jQuery代码出了什么问题？请帮忙。

Answer 1

您确定要重置window.load上的所有菜单项吗？：

$(window).load(function () {
  $('.mainnav li').removeClass('active');
  // etc
});

Working demo

Answer 2

引号围绕选择器的文字字符串部分，然后使用加号连接到变量。

  $('.mainnav> li:eq(' + activeIndex + ')').addClass('active');

jquery localstorage不在菜单上工作

2 个答案: