从下一页单击时隐藏 div答案

【问题标题】：Hide div on click from next page从下一页单击时隐藏 div
【发布时间】：2018-12-24 08:29:50
【问题描述】：

我想在单击按钮时隐藏下一页上的 div。意思是，人们将单击一个按钮并转到下一页，在下一个页面上，我想为一个 div 应用带有 jquery 的“.hide()”或“display: none”。我能做到这一点的最好方法是什么？我知道当他们在同一个页面上并单击按钮时如何执行此操作，但如果您单击按钮，转到下一页然后从那里隐藏某些内容，则不知道。

帮助！也谢谢你！！

我已经尝试过 sessionStorage，但我不知道我是否正确应用它。该按钮来自表单，当他们单击“注册”并重定向到另一个页面时，我希望仅当单击过去网页中的按钮时才隐藏一个 div。如果不是 div 应该在那里。

页面按钮

<button id='sign-up-but' class='submit' type="submit" onclick="hiddenInfo()">Sign Up</button>

我要隐藏的表单 - 单击注册按钮后显示在下一页上

<div id="missing-information" class="card"> Form </div>

我希望在点击“注册但”并重定向到下一页后“缺失信息”消失。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

如果我正确理解您的问题，那么您可以使用 LocalStorage Web API 组合 jQuery 来实现这一点 - 请参阅下面代码 sn-p 中的 cmets：

Javascript：

// Requires jQuery, include this script in both pages of website
$(function() {

  // When sign-up-but clicked, use localStorage to remember to hide
  // the missing-information div by using localStorage.setItem()
  $('#sign-up-but').click(function() {
    localStorage.setItem('missing-information', 'hide');  
  });  

  // When the page is loaded and this script is run, check if 
  // "missing-information" has "hide" in localStorage
  if(localStorage.getItem('missing-information') === 'hide') {

    // If "hide" is in local storage, then hide() any element with
    // id of missing-information that exists on the page
    $('#missing-information').hide();
  }

});

HTML：

<!-- Remove onclick handler -->
<button id='sign-up-but' class='submit' type="submit">Sign Up</button>

<div id="missing-information" class="card">
Missing information
</div>

【讨论】：