Tarayıcıda geri dönerken jQuery addClass'i saklama

Question

Benim addClass'ımı nasıl bir çerez haline getireceğimi anlamakta biraz sorun yaşıyorum. Etkin bir sınıf ekleyerek ve yalnızca belirtilen etiketlere sahip ürünleri göstererek, şu anda bir ürün listesini filtreleyen çok seçenekli bir kutumuz var. Bir seçim yaparsanız ve ürünü görmek için ürünlerden birine tıklarsanız ve sonra geri dönerseniz, daha önce seçilen seçenekleri tekrar seçmeniz gerekir. Aşağıda, seçim yapmak için kullanılan kod bulunmaktadır.

 tabsBlock.children('.tab').click(function() { 
     var tabContentClass = $(this).attr('id') + '-content'; 
     tabsBlock.children('.active').removeClass('active'); 
     tabsContentBlock.children('.active').removeClass('active').hide(); 
     $(this).addClass('active'); 
     if (tabContentClass.length) { 
      tabsContentBlock.children('#' + tabContentClass).addClass('active').show(); 
     } 
     getTags(); 
    }); 

Tüm yardımlarınız için teşekkür ederiz!

Answer 1

Tanımladığınız bir vaka için gizli girişleri kullanırdım. Bu örneğe bakın: Yalnızca bu özel durumda değerlerini saklamak gerekiyor gibi

Put checkbox values into hidden input with jQuery

Sebep olarak, bu sesler. Bir çerezde saklamak, çerezin ne zaman dağınık olabileceği ve istenmeyen davranışlara neden olabileceği zaman yönetmenizi gerektirir.

LocalStorage hakkında çok fazla şey bilmiyorum (yorumda belirtildiği gibi) - bu da geçerli bir seçenek olabilir.

Answer 2

Herkese yardım için teşekkürler. Yerel depolama kullanmanın Astaroth's önerisini kullanarak sona erdi.

$(".tag-group-label").click(function(){ 
     localStorage.setItem('tagGroupLabelState', 'open'); 
    }); 

    $(document).ready(function(){ 
     if(localStorage.getItem('tagGroupLabelState') == 'open') { 
      $('.tag-group-label').addClass('open').next('.tag-container').slideToggle(400, function(){ 
       reCalcStickyElement(); 
      }); 
     } 
    });