2012-05-10 29 views
1

我一直在使用bpopup成功添加在我的主页全屏弹出。JQuery的在首页第一次访问

它的伟大工程,但只有当按下按钮的工作原理。我想只要用户访问该网站首次弹出出现Ò网页,只有网页。

的代码,我是:

<script> 
    // Semicolon (;) to ensure closing of earlier scripting 
    // Encapsulation 
    // $ is assigned to jQuery 
    ;(function($) { 

     // DOM Ready 
     $(function() { 

      // Binding a click event 
      // From jQuery v.1.7.0 use .on() instead of .bind() 
      $('button').bind('click', function(e) { 

       // Prevents the default action to be triggered. 
       e.preventDefault(); 

       // Triggering bPopup when click event is fired 
       $('#announce').bPopup(); 

      }); 

     }); 

    })(jQuery); 
</script> 

这个伟大的工程,但如何添加一个cookie相关的处理呢?

在此先感谢您的帮助。它真的很感激。

回答

0

quirksmode

function createCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    createCookie(name,"",-1); 
} 

你会想是这样的:

createCookie("visited", "true", 90); 

,然后只检查是否该cookie使用readCookie()设置。

+0

感谢。 V有帮助。 – user1386796

0

的Cookie插件:https://github.com/carhartl/jquery-cookie

$.cookie("test", 1);//setting a cookie 
$.cookie("test", null);//deleting a cookie 
$.cookie("test", 1, { expires : 10 });//setting cookie with time out 

当你的页面加载检查作为

var showDialog=$.cookie("test"); 
if(showDialog==1) 
//showDialog 
+0

当然,这需要一个cookie插件。 – karim79

+0

编辑答案 –

+0

感谢。巨大的帮助! – user1386796

0

cookie的值可以使用此Cookie pluign在代码中添加条件检查如果cookie已经存在。像这样

if($.cookie('first_visit') != '0'){ 
    //Show modal as Cookie is not set 
    $('#announce').bPopup(); 
    // now set cookie 
    $.cookie('first_visit', '0'); 
} 
+0

谢谢你们。这很棒。 – user1386796

+0

我会怎么做弹出自动加载的,而当按下一个按钮比? – user1386796

+0

使用$('#announce')的代码块。bPopup();在$(document).ready()里面,而不是在click处理函数中。在这种情况下,它会在dom准备就绪后立即启动,并且不会等待点击。 :) –