jQuery的餅乾在頁面加載的fancybox彈出

Question

我使用jQuery中的fancybox彈出，

我怎樣才能使這個出現在每一個用戶進入我的網站的時間？最好顯示它每次會話一次......

這裏是如何實現的例子/設置cookie的

http://www.sohtanaka.com/web-design/examples/modal-window/index2.htm

Answer 1

創建cookie一次的fancybox打開使用：

'onComplete' : function() { 
     // set cookie 
    } 

但始終在打開fancybox之前檢查cookie是否存在。不要設置「過期」值，這將強制在會話結束時刪除Cookie。

編輯：

只是延長你已經發布的代碼：

$(document).ready(function(){ 

    var check_cookie = $.cookie('the_cookie'); 

    if(check_cookie == null){ 

     $.fancybox('<h2>Some content</h2>', { 
      'onComplete' : function() { 
        $.cookie('the_cookie', 'the_value'); 
      } 
     }); 
    } 
}); 

如果頁面加載和腳本找不到cookie，則打開的fancybox。如果頁面加載並且cookie存在，那麼花哨框不會打開。

還有一些關於opening fancybox when the page loads的信息在這裏。

Answer 2

您需要使用cookie插件，這個工作 - https://github.com/carhartl/jquery-cookie

然後使用Digbyswift發佈的代碼......偉大的作品！

$(document).ready(function(){ 

    var check_cookie = $.cookie('the_cookie'); 

    if(check_cookie == null){ 

     $.fancybox('<h2>Some content</h2>', { 
      'onComplete' : function() { 
        $.cookie('the_cookie', 'the_value'); 
      } 
     }); 
    } 
});