Question

我正在使用此示例，在点击链接时会添加一个活动类。但是经过一次更新后，课堂活跃起来了。所以我想在本地存储该类，以便即使刷新完成也会记住它。我怎样才能做到这一点？

<div id="links">
<a href="#">Content 1</a>
<br />
<a href="#">Content 2</a>
<br />
<a href="#">Content 3</a>
</div>

和

$('document').ready(function() {
$('#links a').click(function(e) {
    e.preventDefault();
    $('#links a').removeClass('active');
    $(this).addClass('active');
});
});

http://jsfiddle.net/fDZ97/55/

Answer 1

您可以在localStorage中设置一个标志，并在页面加载时检查它。

<div id="links">
  <a data-id="0"></a>
  <a data-id="1"></a>
</div>

$('document').ready(function() {
   if (localStorage.saveActive) {
      $('#links a[data-id="'+localStorage.saveActive+'"]').addClass('active');
   }
   $('#links a').click(function(e) {
      e.preventDefault();
      $('#links a').removeClass('active');
      $(this).addClass('active');
      localStorage.saveActive = $(this).data('id');
   });
});

如何存储由jquery创建的添加类

1 个答案: