Geçerli durumu jquery tıklama işlevinden sonra kaydetme

Question

Başka bir düğmeyi tıklattıktan sonra düğmeyi gizlemeye çalışıyorum ancak sayfa yenilendiğinde, gizli düğme tekrar görünür. Sayfayı yenile ve göster düğmesini tıklatırsam göstersem bile gizli kalmasını istedim. Herhangi bir yardım çok takdir edilecektir.

HTML:

<button type="button" class="showhide">Show/Hide</button> 
<button type="button" class="link">Link</button> 

JS:

$('.showhide').click(function(){ 
$('.link').hide(); 
}); 

Answer 1

.

Düğmeyi tıkladığınızda ayarlayın. Sayfa yüklendiğinde, düğmenin görünürlüğünü güncellemek için localStorage değerini kontrol edin.

$('.showhide').click(function(){ 
    $('.link').toggle(); 

    var isVisible = $('.link').is(":visible"); 
    localStorage.setItem('visible', isVisible); 
}); 

// stored in localStorage as string, `toggle` needs boolean 
var isVisible = localStorage.getItem('visible') === 'false' ? false : true; 
$('.link').toggle(isVisible); 

https://jsfiddle.net/undm500w/8/

Answer 2

Sen istemci üzerinde şeyin üstesinden gelebilecek aşağıdaki kodla localStorage ile sona erer. veya sunucu komut dosyasında sessionStorage kullanmanız gerekir.

if(localStorage.getItem('isHide')) 
    $('.link').hide(); 
$('.showhide').click(function(){ 
    $('.link').hide(); 
    localStorage.setItem('isHide',true); 
}); 

Answer 3

düğme oturumlarına benzer bir şey her şeyin üzerinde saklanan anlamına gelir, ki aksi takdirde sessionStorage ile gidiş önermek, bunun here daha, hatta localStorage kullanmayı düşünmelisiniz tarayıcıyı kapattıktan sonra gizli kalmasını istiyorsanız tarayıcıyı kapattığınızda oturum depolama kaldırılacaktır. Oturum saklama hakkında bilgi edinmek için aşağıdaki iki işlevi kullanabilirsiniz. getItem ve setItem. Bu sessionStorage kullanarak bir tanıtımdır ama çok localStorage için geçerlidir: @Kartikeya Dediğim gibi, localStorage kullanmak

$(document).ready(function(){ 
     if(sessionStorage.getItem('isBtnHidden')){ 
      $('.link').hide(); 
     } 

     $('.link').click(function(){ 
      $('.link').hide(); 
      sessionStorage.setItem('isBtnHidden', true); 
     }); 
    });