jQuery - 页面重新加载后保持切换元素

Question

正如您在下面的代码中看到的，我有一个按钮，可以让 div 切换到 slideToggle。

$(function goesUp() {
  $(".goes_up").click(function(){
      $('.toggle_logo').slideToggle("slow");
      $(this).toggleClass("goes_down");
  });
});

由于这个 div 位于页眉中，我想保持我的元素在页面重新加载之前保持打开或关闭状态。正确的做法是什么？

Answer 1

或者，设置为“切换”之类的东西创建一个布尔值，并将其保存在用户计算机的本地存储中。如果用户单击“.goesUp”，则将“toggled”指定为 true。然后检查加载时'toggled'是真还是假，让它相应地显示。

用于本地存储的 W3schools http://www.w3schools.com/html/html5_webstorage.asp

Answer 2

网络是无状态的，因此如果您想持久保存任何更改，您需要将其存储在某个地方并在页面重新加载时重新创建这些更改。

将其存储在哪里取决于您，并且取决于您想要做什么。 您可以在每个页面加载时使用 jQuery/JavaScript 设置 cookie 并读取其值。

您可以将其存储在服务器上，也许作为用户会话的一部分，然后每次都从那里重新创建页面。

您可以将其存储在数据库中，并使更改在该用户的所有会话中永久生效。

确切的解决方案将取决于您通过坚持更改尝试实现的目标。