按钮单击本地存储

Question

第一次来电。

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

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

这就是我得到的...

按钮...

<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 是隐藏的直到被揭示。

非常感谢回复。

Answer 1

你可以试试这个在 html 中，您已经使用 class 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()

      });
   })

按钮单击本地存储

button click Local Storage

jquery

buttonclick

local-storage