需要帮助来理解这个 cookie 脚本

Question

我正在尝试让一个带有 close 选项的 div 工作，但它无法正常工作..

首先我找到了这个帖子：

http://stackoverflow.com/questions/10674611/hide-div-24hr-cookie-javascript

这是我想要实现的有效 JSFiddle 示例：

http://jsfiddle.net/FcFW2/1/

我想了解 div 上的“显示：块”来自哪里？我在剧本里找不到？... #popupDiv 的 css 的值为 display: none。

我将脚本/css/html 复制/粘贴到我的网站：

http://lampen.identitest.dk/

在我的网站底部你会找到它.. 问题是它加载了 display: none （“display: block” 没有添加到 div 中）。

希望你能帮我解释一下。

最好的问候肖恩 M

Answer 1

“display:block”来自 jquery show() 方法

$(document).ready(function() {

  // If the 'hide cookie is not set we show the message
  if (!readCookie('hide')) {
    $('#popupDiv').show();
  }

这里最初设置为 dispaly:none 来自 css 并且当页面加载时它检查是否 cookie 存在，如果不存在，那么它调用 show 方法会将“display:block”添加到#popupdiv