时间戳

首页 > 解决方案 > 使用 jquery 刷新页面时如何激活 div 类

php - 使用 jquery 刷新页面时如何激活 div 类

问题描述

我创建了一个 jquery 函数来隐藏或显示 div 内的内容，但是每当我重新加载页面时它就会隐藏，对此的任何解决方案，

$(document).ready(function(){
   $('#myRadioGroup').change(function(){
      var ress = $('#myRadioGroup input[name="cars"]:checked').val();
      if (ress == 3) {
        $('.desc').show();
        $('.descc').hide();
       }
      else{
         $('.desc').hide();
         $('.descc').show();
    }
  });

});

和 html 代码在这里

    <div id="myRadioGroup">
        <input type="radio" name="cars" checked="checked" value="2">
        <input type="radio" name="cars" value="3">
    </div>
    <div id="Cars2" class="descc">
       2 Cars Selected
    </div>
    <div id="Cars3" class="desc" style="display: none;">
       hello
    </div>

标签： phphtmljquerycss

解决方案

当页面刷新时，它会重置。为避免这种情况，您需要保留数据。有几种方法可以处理这个问题：

  • 本地存储
  • 饼干
  • 网址查询参数
  • API（存储在数据库或云服务中）

如果您正在处理敏感信息，最好使用 API 方法（在 https 上）。但假设这不是敏感信息，您可以使用前三种方法之一。从中，我觉得 localStorage 更容易。

Window.localStorage

此外，使用易读易懂的名称。总是假设有人正在浏览你的代码，他们不应该对此感到恼火。

推荐阅读