按钮单击本地存储答案

【问题标题】：button click Local Storage按钮单击本地存储
【发布时间】：2021-12-02 07:07:03
【问题描述】：

第一次来电。

我有这个按钮，当单击它时，它会展开一个类以显示内容，但是当页面刷新或离开页面并返回时，它会再次关闭。我希望用户在点击时始终保持打开状态，直到该用户通过此按钮手动关闭它。

理想情况下，本地存储是可行的方法，但我缺乏这方面的经验。

这就是我得到的……

按钮...

<div class="open_child"><i class="fas fa-plus-circle"></i></div>

...还有一个简单的 js。

           $("document").ready(function () {
            $(".open_child").click(function(z){
            $(".child_box").toggle(z);
                    });
        })

.child_box 是隐藏直到显示的内容。

非常感谢您的回复。

【问题讨论】：

你可以尝试使用cookies

标签： jquery local-storage buttonclick

【解决方案1】：

你可以试试这个在 html 中，您已经使用类 manualclose 进行手动在js部分

      ls = localStorage.getItem('on')
      if(ls){
        $(".child_box").show()
      }

      $(".open_child").click(function(z){
          localStorage.setItem('on',true)
          toggled = $(".child_box").toggle();
          if(toggled.is(":hidden")){
            localStorage.clear();
          }
      });
      $(".manualclose").click(function(z){
        localStorage.clear();
        $(".child_box").hide()

      });
   })

【讨论】：

谢谢！！！这行得通。