Question

你可以帮助我吗？有一个带按钮的菜单，当我点击按钮时，按钮的ID保存在cookie中，然后使用新的内容相关按钮重新加载页面。要求按钮保持活动状态。：）

JS：

function initBrandSelector() {
  $('.tab button').click(function(e){
    e.preventDefault();

    var brand = $(this).val();
    if (brand) {
      $.cookie('current_brand', brand, {'path': '/', 'expires': 365});

    } else {
      $.removeCookie('current_brand', {'path': '/'});
    }

    location.reload(true);

    $(this).addClass("active")

    return true;
  });
}


$(document).ready(function(){
  initBrandSelector();
});

HTML：

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

Answer 1

在document.ready功能中检查您是否在Cookie中设置了品牌。如果你有选择，按钮并添加课程。

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

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

1 个答案: