javascript - 当 cookie 存在时隐藏 div 元素

Question

我试图隐藏每次加载页面时都会出现的弹出窗口。该插件无法开箱即用。

我们的网站是:https://www.prikkabelled.nl/

用户阅读弹出消息后，cookie 会加载到浏览器中。该 cookie 名为 pum-10366，其值设置为 true。

因此，如果 cookie 的 indexOf > -1 存在，我不希望再出现该弹出窗口。

这是我到目前为止所得到的:

jQuery( document ).ready(function() {
        if (document.cookie.indexOf("pum-10366") !== -1) {
           jQuery('#pum-10366').css('display', 'none !important');
        }
});

pum 元素是显示一次的大型弹出窗口。有什么建议吗？

Answer 1

要解决此问题，您需要删除 !important 标记，因为 jQuery 无法理解它，因此它会阻止显示工作:

jQuery( document ).ready(function() {
    if (document.cookie.indexOf("pum-10366") !== -1) {
       jQuery('#pum-10366').css('display', 'none');
    }
});

如果您确实需要包含 !important 标签，您可以切换为已启用重要性的类:

CSS

  .important { display: none !important; }

JQUERY

jQuery("#pum-10366").toggleClass("important");