Cookie-如果用户已经单击,则为addClass

我有一个链接列表,我想在用户单击该链接以提供一些样式时添加一个类,因此他们知道他们已经查看了此链接。我正在使用cookies.js插件来帮助实现这一目标。

An example of the JSFiddle is here:- http://jsfiddle.net/kjhdbnfe/3/

<script src="https://cdnjs.cloudflare.com/ajax/libs/Cookies.js/0.3.1/cookies.js"></script>

的HTML

      <ul class="clearfix">
          <li><a runat="server" href="#">Home</a></li>
          <li><a runat="server" href="#">About Us</a></li>
          <li><a runat="server" href="#">Contact Us</a></li>
      </ul>

的CSS

  nav li a.active
  {
      background:red;
  }

的JavaScript

  $(document).ready(function () {
      var index = Cookies.get('active');
      $(".clearfix").find('a').eq(index).addClass('active');
      $('.clearfix').on('click', 'li a', function (e) {
          e.preventDefault();
          $(this).addClass('active');
          Cookies.set('active', $('.clearfix a').index(this));
      });
  });
评论