如何在重新加载页面后，还为动态选项卡保持当前选项卡在Jquery中处于活动状态

Question

$(document).ready(function(){
  $('.scroll_nav li a').click(function(){
      $('li a').removeClass("active_scroll");
      $(this).addClass('active_scroll');
    $('ul li .btn-br_all_gun').click(function(){
      $('li a').removeClass("active_scroll");
        
  });
        
  });
});

<li><a href="{% url 'gun:browse_gun' %}" class="btn btn-br_all_gun">Browse All Your Guns</a></li>
    
{% for gunName in gunModelUserTieIn %}
     <li><a href="#">{{ gunName.gun_model.model_name }}</a></li>
{% endfor %}

浏览所有枪按钮是静态按钮。其余选项卡是在用户选择的情况下动态出现的。这里当我点击其他标签时，页面正在重新加载，这就是为什么它会再次显示第一个：li标签处于活动状态。如何解决这个问题

Answer 1

  #This code will work

  $("#innovs_tabs").tabs({
      active: localStorage.getItem("currentIdx"),
      activate: function(event, ui) {
      localStorage.setItem("currentIdx", $(this).tabs('option', 'active'));
    }
  });