Question

我正在尝试隐藏每次加载页面时都会出现的弹出窗口。这个插件没有开箱即用。

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

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

因此，如果cookie与indexOf＆gt;一起出现-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");

存在cookie时隐藏div元素

1 个答案: