用戶接受后我的 div 不斷彈出

Question

我創建了一個應該彈出的通知，詢問用戶是否同意隱私條款。 如果他們這樣做，則應將 cookie 設置在一段時間內不會再次彈出的位置。 問題是某些用戶在單擊“確定/接受”后繼續彈出。 如果用戶或我自己進行“硬刷新”（清除現金），則 function 似乎有效。

這是 javascript

function checkCookie() {
  
  if (document.cookie.indexOf("accpttrms") <= 0) {
      document.getElementById("disclaimer").style.display = "block";      
      } else {
      document.getElementById("disclaimer").style.display = "none";
    }  
}

function setCookie() {
  
  if (document.cookie.indexOf("accpttrms") <= 0) {    
      document.cookie = "accpttrms=yes";      
      var x = document.getElementById("disclaimer");
      x.style.display = "none";
    }   
}

這是HTML

<body onload="checkCookie()">

  <section id="disclaimer" style="display:none;">
    <div class="disholder">
    
      <h4>PLEASE REVIEW OUR UPDATED PRIVACY & COOKIES NOTICE</h4>
      <p>This site uses cookies and similar technologies...
        <a href="/privacy-policy/">Read our updated Privacy &amp; Cookies Notice</a> to learn more.
      </p>  
      <div><a href="#" onclick="setCookie()">I ACCEPT</a></div>
    </div>
    <div class="clear"></div>
  </section>
</body>

Answer 1

我認為您真正的問題是indexOf方法恰好返回 0。因此，您只需要將<=替換為< 。

用戶接受后我的 div 不斷彈出

問題描述

1 個解決方案

解決方案1
0 2020-08-20 10:05:00

用戶接受后我的 div 不斷彈出

問題描述

1 個解決方案

解決方案1 0 2020-08-20 10:05:00

解決方案1
0 2020-08-20 10:05:00