jQuery的模態彈出顯示只有一次，每次用戶會話

Question

我有一個顯示模式彈出頁面加載時，一個jQuery功能。有沒有辦法讓每個用戶會話只顯示一次。我有很多帖子，但無論如何，我不能讓他們在我的腳本中工作。

我的腳本：

$(document).ready(function() { 

    $(window).load(function(){ 
     $("#dialog1").dialog(); 
    }); 

}); 

的模式彈出是由：提前

<div id="dialog1" title="IMPORTANT!"> 
    <div class="imaindateselleft_padding_right_red">Content here</div> 
</div> 

MANT感謝您的時間和幫助。實現這一

Answer 1

一種方法是用餅乾整合。讓它顯示對話框並將對話框中顯示的值存儲在cookie中，以便下次不顯示。

而且在這個方法中，我使用jQuery Cookie。 （隨意使用香草JavaScript到R/W餅乾）。我還假設你使用jQuery UI來調用dialog。

$(document).ready(function() { 
    var dialogShown = $.cookie('dialogShown'); 

    if (!dialogShown) { 
     $(window).load(function(){ 
      $("#dialog1").dialog(); 
      $.cookie('dialogShown', 1); 
     }); 
    } 
    else { 
     $("#dialog1").hide(); 
    } 
}); 

上面的代碼是幹什麼的，只是在對話框彈出之前就設置了cookie。讓同一用戶再次看到對話的唯一方法是當cookie expires（您可以設置）或用戶清除cookie時。

編輯：第二種方法來實現這一點，如果瀏覽器支持它，你可以使用localStorage。

$(document).ready(function() { 
    var dialogShown = localStorage.getItem('dialogShown') 

    if (!dialogShown) { 
     $(window).load(function(){ 
      $("#dialog1").dialog(); 
      localStorage.setItem('dialogShown', 1) 
     }); 
    } 
    else { 
     $("#dialog1").hide(); 
    } 


});