在点击fancybox关闭按钮上设置cookie

时间:2014-03-17 05:32:28

标签: jquery fancybox

我知道jquery cookie插件。但是我坚持在点击关闭按钮上设置cookie。 这是我的方法。

 <script type='text/javascript' src='jquery-latest.js'></script>
 <script type='text/javascript' src="jquery.fancybox.js"></script>
 <link rel="stylesheet" type="text/css" href="jquery.fancybox.css">
 <script src="jquery.cookie.js"></script>

然后是cookie和fancybox

$(".fancybox-close").on("click", function () {
    $.cookie('the_cookie', 'the_value', { expires: 7 });
});
jQuery(function() {
    jQuery.fancybox(jQuery(".popup"), {
        // other API options
    }); 
});

html代码

  <div class="popup" style="display: none;">
    <h1>Hi there </h1>
  </div>

如果我这样做,我会看到

$.cookie('the_cookie', 'the_value', { expires: 7 });

此设置cookie但我想设置单击关闭按钮。

1 个答案:

答案 0 :(得分:1)

尝试以下:

jQuery(function() {
    $.fancybox($(".popup"), {
        // other API options
    });

    // put your code inside dom ready callback too.
    // and delegate the click event on document
    $(document).on('click', '.fancybox-close', function () {
        $.cookie('the_cookie', 'the_value', { expires: 7 });
    });
});