使用jQuery / JS / HTML / CSS中的Cookie或会话存储保存状态

时间:2018-02-12 01:39:54

标签: jquery cookies state session-storage jquery-cookie

我正在尝试保存弹出窗口的状态,这是一个活跃的"关于document.ready的课程。在关闭时,状态应保存到cookie或sessionstorage一段时间,以便在浏览器刷新时弹出窗口仍然具有其最后/最近的状态。不需要切换,因为一旦关闭就不可能重新激活。

$(document).ready(function() {

   /* Initial State */

   $('#popup').addClass("active")

   /* Close and set new state */

   $('.close').click(function () {
     $('#item').removeClass("active");
     $('#item2').removeClass("anotherclass");
     $('#item4').removeClass("moreclasses");

     /* Set Cookie for 12 hrs containing the state or use sessionStorage 
      with exp. time of 12hrs if that is possible. */
   }); 
});

我想保存状态是否用户通过单击cookie或会话存储中的.close来关闭项目。

目标:保存弹出窗口的状态,并且在一段时间内(12小时内)不显示它我正在考虑使用cookie,因为我觉得他们在过期日期更容易处理?

有人可以帮我解决这个问题吗? 这是一个稍微具体的JSFiddle

0 个答案:

没有答案