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

时间:2015-07-21 12:10:34

标签: javascript jquery

我有一个Cookie提醒,只向“新”访问者显示一次。我将jquery与“dismiss alert”代码结合起来。 (1)“通知节目”和(2)“解雇警报”不想工作?我怀疑我的代码语法有问题。 FIDDLE ... 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();
});
});

3 个答案:

答案 0 :(得分:0)

我正在使用此代码每周只显示一次类似于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>

答案 1 :(得分:0)

您需要检查cookie是否已设置,然后执行其余操作:

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

答案 2 :(得分:0)

这应该有效

$(document).ready(function () {

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

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

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

    } else {

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

});