jQuery cookie和fancybox

时间:2014-03-12 13:06:30

标签: jquery fancybox-2 jquery-cookie

我正在尝试使用jQuery-cookie创建一个cookie,以便在用户访问某个页面时存储,如果是,则不显示fancybox模式。然后在浏览器关闭时销毁cookie。

我的代码是:

的index.html

<div class="nav-button"><a id="intro" class="fancybox fancybox.ajax" href="intro"><img src="img/intro.png"></a></div>

$(document).ready(function() {
   $("#intro").trigger('click');
});

main.js

var elements = ['#top-menu', '#footer'];

function hideInterface() {
    $.each(elements, function(i) {
        $(elements[i]).hide();
    });
}

function showInterface() {
    $.each(elements, function(i) {
        $(elements[i]).show();
    });
}

$(document).ready(function() {

    $('.nav-button a').click(function(e) {
        hideInterface();
    });

    $('#intro').fancybox({
      type: 'ajax',
      autoSize: false,
      width: '50%',
      height: '80%',
      minHeight: '650px',
      topRatio: 0.4,leftRatio: 0.5, 
      maxWidth: '990px',
      wrapCSS: 'black-skin',
      padding: 0,
      parent: '#app-container',
      scrolling: 'no',
      afterClose: function() {
          showInterface();
      }
    });
});

我想添加的cookie代码是index.html,它是:

$(document).ready(function() {
  if ($.cookie('myCookie')){
    return false;
  }else {
    $("#intro").trigger('click');
    $.cookie('myCookie', true);    
  } 
});

任何帮助都会很棒,谢谢。

0 个答案:

没有答案