我想使用jquery cookie插件永久删除div

时间:2015-05-13 13:48:19

标签: javascript jquery cookies

我在页面顶部有一个通知栏,用于通知用户页面的某些功能,通知栏不在每个页面上。现在,如果用户点击"请不要再次显示我" ,我想永久删除通知栏。

我已经研究过不同的解决方案,但它们似乎都不适合我。

我找到了jquery cookie插件并尝试过,但没有成功。 然后我发现了这个question on stackoverflow,是真的吗?

这是我的观点:

<div class="scrollup" id="message">
    <p>Here goes some lines of text blah blah.....
        <button class="btn-primary">Don't show me again</button> 
        <a class="alert-close">x</a>
    </p>
</div>

这是我的js:

$(document).ready(function (c) {
    $('.alert-close').on('click', function (c) {
        $(this).parent().fadeOut('slow', function (c) {});
    });
});
$.cookie('remove', 'value');
$(document).ready(function (e) {
    $("button").click(function (e) {
        $("#message").$.removeCookie('remove', null);
        alert("lalalsk");
    });
});

任何帮助将不胜感激,谢谢。

1 个答案:

答案 0 :(得分:0)

如果您想在用户使用的每台浏览器和PC上永久删除该栏,您可能需要从服务器端代码设置该逻辑。 Cookie只存在于用户当前使用的浏览器中,他们可以随时删除Cookie。

为什么不使用javascript创建消息(使用DOM操作或在现有DIV中植入HTML)并仅在特定cookie不存在时显示。 这样,只要用户访问该页面,只要存在cookie,弹出消息就不会出现。