Question

我想在单击按钮时在下一页上隐藏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>

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

Answer 1

如果我正确理解了您的问题，那么您可以使用LocalStorage Web API组合式jQuery实现此目的-请在下面的代码片段中查看注释：

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>

在下一页单击时隐藏div

1 个答案: