javascript - jQuery如果不存在显示Div

我正在尝试在我的网站上建立一个模式。我想要它，如果不存在Cookie，则会弹出模式。然后，用户将能够选择是在该会话的其余部分中停止弹出该模式，还是阻止其无限期地再次显示。因此，我希望脚本检查Cookie是否存在，然后采取必要的措施。我承认我对Jquery不好，但是我很着急...我的代码：

    var points_modal = $.cookie('points-modal');
    if (typeof points_modal == "undefined" {
        $('.fade').css( "display", "block !important");
        $('.modal-back').css( "display", "block !important");
    } else {
        $('.fade').show(); // hidden or cookie is not set, set just in case
        $('.modal-back').show();
        $.removeCookie('points-modal'); // prevent multiple instances
        $.cookie('points-modal', 'show'); // update (or set) the cookie
    }
    if (points_modal == "never") {
        $('fade').hide();
        $('.modal-back').hide();
    }
    //Clicks
    $('never').click(function () {
        $.removeCookie('points-modal');
        $.cookie('points-modal', 'never', {
            expires: 999
        });
    });
});

模态最初具有display：hidden。另外，有什么方法可以使我使用fadeIn效果？谢谢。

查看JSFiddle here

最佳答案

有多种语法和其他问题，请尝试

var points_modal = $.cookie('points-modal');
//show the modal if the cookie is not set to never
if (points_modal != "never") {
    $('.fade').show();
    $('.modal-back').show();
}

$('#never').click(function () {
    $.removeCookie('points-modal');
    $.cookie('points-modal', 'never', {
        expires: 999
    });
    //hid the modal
    $('.fade').hide();
    $('.modal-back').hide();
});

演示：Fiddle

关于javascript - jQuery如果不存在显示Div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21010688/