将Cookie设置为在div上过期

Question

我在使用bootstrap navbar-inverse的页面上有div。当页面加载时，用户将点击关闭按钮，然后设置一个cookie在2天内过期。所以下一次用户进入页面并且cookie过期时，div将被隐藏。否则显示div。感谢您的回应。

//这里是div上的其他内容。

<div id="myFooter"> 
    <div class="navbar-inverse1 navbar-fixed-bottom" role="navigation"> 
    <div class="container"> 
     <div class="navbar-text pull-right"> 
     <button type="button" class="close" id="myButton" data-dismiss="navbar">&times;</button> 
     <h1 class="text-center">Do Something Here</h1> 
     <p>Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore. While lorem ipsum's still resembles classical Latin</p> 
     </div> 
    </div> 
    </div> 
</div> 

//这里是脚本，但不能让它工作。

<script> 
     $(document).ready(function() { 
    // initially popup click to hide: 
     $('.close').click(function() { 
      $('#myFooter').hide(); 
     }); 
    // Check for the "whenToShowPopup" cookie, if not found then show the popup and save the cookie. 
    // The cookie will expire and every 2 days and the popup will show again. 
     limit = 5; 
     idleTime = 0; 
     if ($.cookie('whenToShowPopup') == null) { 
      function timerIncrement() { 
      idleTime = idleTime + 1; 
      if (idleTime > $limit && $.cookie('whenToShowPopup') != 'yes') { 
       $('#myFooter').show(); 
       idleTime = 0; 
       console.log('whenToShowPopup', 'idleTime'); 
      // Create expiring cookie, 2 days from now: 
       $.cookie('whenToShowPopup', 'yes', { 
       expires: 2, 
       path: '/' 
       }); 
      // Show Popup 
       $('#myFooter').hide(); 
       console.log('whenToShowPopup', 'cookie created'); 
      }; 
      }); 
     }); 
     </script> 

Answer 1

您的JavaScript似乎缺少一些花括号。

这是格式化的代码。 （可能无法解决你的逻辑）。

<script> 
$(document).ready(function() { 
    // initially popup click to hide: 
    $('.close').click(function() { 
    $('#myFooter').hide(); 
    }); 
    // Check for the "whenToShowPopup" cookie, if not found then show the popup and save the cookie. 
    // The cookie will expire and every 2 days and the popup will show again. 
    limit = 5; 
    idleTime = 0; 
    if ($.cookie('whenToShowPopup') == null) { 
    function timerIncrement() { 
     idleTime = idleTime + 1; 
     if (idleTime > $limit && $.cookie('whenToShowPopup') != 'yes') { 
     $('#myFooter').show(); 
     idleTime = 0; 
     console.log('whenToShowPopup', 'idleTime'); 
     // Create expiring cookie, 2 days from now: 
     $.cookie('whenToShowPopup', 'yes', { 
      expires: 2, 
      path: '/' 
     }); 
     // Show Popup 
     $('#myFooter').hide(); 
     console.log('whenToShowPopup', 'cookie created'); 
     }; 
    } 
    } 
}); 
</script>