當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'); 
    } 
}); 

如果您確實需要包括一個原因，重要的標籤！你可能已經切換爲類重要的：

CSS

.important { display: none !important; } 

JQUERY

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