我试图隐藏每次加载页面时都会出现的弹出窗口。该插件无法开箱即用。
我们的网站是: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 元素是显示一次的大型弹出窗口。有什么建议吗?
最佳答案
要解决此问题,您需要删除 !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");
关于javascript - 当 cookie 存在时隐藏 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43526419/