Javascript 重新加载后如何保存活动按钮？

你能帮帮我吗。有一个带有按钮的菜单，当我点击一个按钮时，按钮的id保存在cookies中，然后用一个新的内容相关按钮重新加载页面。要求按钮保持激活状态。：）

JS:

HTML:

{品牌中品牌的百分比%}
{{brand.brand_name}
{%endfor%}

在您的

文档中。就绪

功能检查您是否在cookie中设置了品牌。 如果让它选择，则单击按钮并添加类

$(document).ready(function() {
  var brand = $.cookie('current_brand');
  if (!!brand) {
    $('.tab button[value=' + brand + ']').addClass("active");
  }
  initBrandSelector();
});

---

您的代码没有试图读回cookie。@ChrisG对于加载内容，我在django视图中读回了cookie。据我所知，您所需要做的就是更改HTML视图代码，以便在按钮中添加与cookie匹配的

active

类。很高兴我能提供帮助，如果问题确实解决了您的问题，请将其标记为已回答。

<div class="tab">
  {% for brand in brands %}
  <button class="tablinks" value="{{ brand.id }}">
          {{ brand.brand_name }}
  </button>
  {% endfor %}
</div>

$(document).ready(function() {
  var brand = $.cookie('current_brand');
  if (!!brand) {
    $('.tab button[value=' + brand + ']').addClass("active");
  }
  initBrandSelector();
});