javascript - 在 JavaScript 中的导航栏中加载页面后，事件类被删除

Question

这是我的代码，但不起作用...它将在页面刷新后删除事件类。

html代码

<div id="navbar" class="navbar-collapse collapse navbar-right">
  <ul class="nav navbar-nav">
    <li><a href="about-us.php">About us</a>
    </li>
    <li><a href="portfolio.php">Portfolio</a>
    </li>
    <li><a href="services.php">Services</a>
    </li>
    <li><a href="contact-us.php">Contact</a>
    </li>
    <li><a href="#">Blog</a>
    </li>
  </ul>
</div>

Javascript代码

$(document).ready(function(){
            $('#navbar ul li a').click(function(){
                $('li a').removeClass("current");
                $(this).addClass("current");
            });
        });

Answer 1

我使用 localStorage 创建一个示例来设置事件元素并使其在页面加载时保持事件状态:

$('#navbar ul li a').click(function() {
  $('li a').removeClass("currunt");
  $(this).addClass("currunt");
  localStorage.setItem('active', $(this).parent().index());
});

var ele = localStorage.getItem('active');
$('#navbar ul li:eq(' + ele + ')').find('a').addClass('currunt');

fiddle