仅在首次访问时显示Cookie警报(代码语法问题)

Question

我有一个cookies提醒，只向“新”访问者显示一次。我将jquery与一个"dismiss alert“代码组合在一起。(1)“通知显示”和(2)“解雇警报”不想工作？我怀疑我的代码语法有问题。小提琴...FIDDLE

HTML

<div class="notification-bar" id="ageNotification">
    <div class="cookies-text">
        <p>Cookies text!!!!!</p>
    </div>  
    <div class="close dismissbar" data-dismiss="notification">&times;</div>
</div>

Jquery

$(document).ready(function() {
    if ($.cookie("pop") == null) {
        $("#ageNotification").notification("show");
        $.cookie("pop", "2");
    }
});
$(".dismissbar").click(function() {
$(".notification-bar").hide();
});
});

Answer 1

我使用这个代码来显示facebook喜欢的盒子，每周只有一次，它工作得很好。

<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#Burp, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
}
});
</script>

Answer 2

您需要检查是否设置了cookie，然后执行以下操作：

$(document).ready(function() {
    if (typeof $.cookie("pop") == 'undefined') {
        $("#ageNotification").show();
        $.cookie("pop", "2");
    }
    else{
        $("#ageNotification").hide();
    }
    $(".dismissbar").click(function() {
        $(".notification-bar").hide();
    });
});

Answer 3

这应该是可行的

$(document).ready(function () {

    if ($.cookie("pop") == null) {

        $("#ageNotification").notification("show");
        $.cookie("pop", "2");

        $(".dismissbar").click(function () {
             $(".notification-bar").hide();
        });

    } else {

       $("#ageNotification").notification("hide");
   }           

});