Question

正如您在下面的代码中所看到的，我有一个按钮，可以将div设为slideToggle。

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

由于此div在标题中，我希望保持元素打开或关闭，就像在页面重新加载之前一样。什么是正确的方法？

Answer 1

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

您存储的地方由您自己决定，并且取决于您想要做什么。您可以在每次加载页面时使用jQuery / JavaScript设置cookie并读取其值。

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

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

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

Answer 2

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

W3schools for local storage http://www.w3schools.com/html/html5_webstorage.asp

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

2 个答案: