Jquery-set类“；主动”；在李与饼干二

我真的不知道哪里出了错。当我刷新页面时，它仍然不能与cookie一起工作

功能：如果我点击“LI”，那么“LI”将使类“活动”。如果我重新加载页面“LI”，则类仍处于“活动”状态

请帮帮我。谢谢

解决方案：

<UL CLASS="patchange">
  <LI ID="pat_1" CLASS='patchange_1' TITLE="">1</LI>
  <LI ID="pat_2" CLASS='patchange_2' TITLE="">2</LI>
  <LI ID="pat_3" CLASS='patchange_3' TITLE="">3</LI>
  <LI ID="pat_4" CLASS='patchange_4' TITLE="">4</LI>
  <LI ID="pat_5" CLASS='patchange_5' TITLE="">5</LI>
  <LI ID="pat_6" CLASS='patchange_6' TITLE="">6</LI>
  <LI ID="pat_7" CLASS='patchange_7' TITLE="">7</LI>
  <LI ID="pat_8" CLASS='patchange_8' TITLE="">8</LI>
  <LI ID="pat_9" CLASS='patchange_9' TITLE="">9</LI>
  <LI ID="pat_10" CLASS='patchange_10' TITLE="">10</LI>
</UL>

---

谢谢您的想法。

您需要为每个

li

添加不同的

id

，将所选id保存在cookie上，而不是布尔值，并在返回浏览时还原它（如果存在）

<UL CLASS="patchange">
  <LI ID="pat_1" CLASS='patchange_1' TITLE="">1</LI>
  <LI ID="pat_2" CLASS='patchange_2' TITLE="">2</LI>
  <LI ID="pat_3" CLASS='patchange_3' TITLE="">3</LI>
  <LI ID="pat_4" CLASS='patchange_4' TITLE="">4</LI>
  <LI ID="pat_5" CLASS='patchange_5' TITLE="">5</LI>
  <LI ID="pat_6" CLASS='patchange_6' TITLE="">6</LI>
  <LI ID="pat_7" CLASS='patchange_7' TITLE="">7</LI>
  <LI ID="pat_8" CLASS='patchange_8' TITLE="">8</LI>
  <LI ID="pat_9" CLASS='patchange_9' TITLE="">9</LI>
  <LI ID="pat_10" CLASS='patchange_10' TITLE="">10</LI>
</UL>

$(".patchange li").click(function () {
    $(this).siblings('li').removeClass('active');
    $(this).addClass('active');
    $.cookie('PatCookieName', $(this).attr('id'), {
        expires: 365,
        path: '/'
    });
});

$(document).ready(function () {
    /* Cookie - isActive/notActive */
    $('#' + $.cookie("PatCookieName")).addClass('active');
});