jQuery açılır penceresini ziyaret et ilk görseli sadece

Question

Ben jQuery için yeni ve web sitemde bazı ihtiyaçlarınız var. JQuery div pop-up'ını sadece kullanıcı geldiğinde ilk defa göstermek istiyorum. Tekrar ve tekrar göstermeye gerek yok.

Hala bu kullanıyorum ama ikinci seferde gizlemek için nasıl bilmiyorum:

var isshow=0; 
$(document).ready(function() { 
    if (isshow == 0) { 
    $('#jPopup').show(); 
    } 
    isshow = 1; 
}); 

Ama ishow değişken her zaman başlatır.

Answer 1

Localstorage'ı kullanabilirsiniz. Anlamak ve kullanmak kolaydır.

$(document).ready(function() { 
    var isshow = localStorage.getItem('isshow'); 
    if (isshow== null) { 
     localStorage.setItem('isshow', 1); 

     // Show popup here 
     $('#jPopup').show(); 
    } 
}); 

Size sitenizin ilk ziyaretinde açılır pencereyi gösterecektir.

Answer 2

Gereksiniminize uygun olarak SessionStorage veya LocalStorage kullanabilirsiniz.

Sadece bu oturum için yapmanız gerekiyorsa, SessionStorage kullanın. Kullanıcının tarayıcısında kalıcı olarak saklanması gerekiyorsa, LocalStorage'ı kullanın.

$(document).ready(function(){ 
     if(sessionstorage && !sessionStorage.getItem('isshow')){ 
      $('#jPopup').show(); 
      sessionStorage.setItem('isshow', true); 
     } 
    }); 

Answer 3

Sen olarak aşağıda bu amaçla localStorage kullanabilirsiniz:

$(document).ready(function(){ 
    var shown= localStorage.getItem('isshow'); 
    if(shown !="t"){ 
     $('#jPopup').show(); 
     localStorage.setItem('isshow', "t"); 
    } 
}); 

Answer 4

Sen yük gizlemek gerekir veya css bunu yapmak o ilk ziyaret olup olmadığını görmek için localStorage kontrol sonra (önerilir) ve.

$(document).ready(function() { 
     $('#jPopup').hide(); //hide on load or in css, later check if its the first visit 
     var isshow= localStorage.getItem('status'); 
     //check if it is the first visit 
     if (isshow == null || isshow == '') { 
      //set variable to 1 
      localStorage.setItem('isshow', 1); 
      $('#jPopup').show(); 
     } 
     }); 

Answer 5

Bir değer saklamak ve daha sonra ayarlı değilse kontrol etmek için bir çerez ayarlayabilirsiniz pop-up gösterir:

$(document).ready(function() { 
    var isshow = $.cookie("isshow"); 
    if (isshow == null) { 
     $.cookie("isshow", 1); // Store 

     // Show popup here 
     $('#jPopup').show(); 
    } 
}); 

Yoksa localStorage ayarlayabilirsiniz. İşte çalışan bir örnek. jsFiddle

$(document).ready(function() { 
    if(localStorage.getItem('popState') != 'shown') { 
     $("#popup").delay(2000).fadeIn(); 
     localStorage.setItem('popState','shown') 
    } 
});