我有这个<div>,其中有一个“ X”,它会关闭<div>,但在刷新页面时会再次显示。我希望<div>即使在刷新页面后也保持隐藏状态。我怎样才能做到这一点?

刷新页面时,我也想隐藏它们。

<div class="cookie">
    <a href="#" class="cookie-close">
    <span class="icon" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>X</span>
    </a>
</div>

最佳答案

添加cookie有一些与CREATE,READ和REMOVE cookie有关的功能,请找到此fiddle或下面的代码片段以获取更多信息。

希望对您有帮助。



function createCookie(name,value,days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days*24*60*60*1000));
            var expires = "; expires=" + date.toUTCString();
        }
        else var expires = "";
        document.cookie = name + "=" + value + expires + "; path=/";
    }

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        createCookie(name,"",-1);
    }

   $(function(){

      if(readCookie('CodefireOnce') == null)
      {
        $(".cookie").css("display","block");
      }
      $("body").on("click",".icon",function(){
        $(this).closest("div.cookie").remove();
        createCookie('CodefireOnce','true',7);
      });
    });

<div class="cookie" style="display:none;">
    <a href="#" class="cookie-close">
    <span class="icon">X</span>
    </a>
</div>

关于javascript - 刷新页面时隐藏div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41703914/

10-12 06:32