时间戳

首页 > 解决方案 > 获取所有数据后如何加载div包含

javascript - 获取所有数据后如何加载div包含

问题描述

我正在尝试隐藏和显示我的 div 元素，但是当我隐藏顶部 div 时，下面的 div 会显示（但必须刷新）刷新后它不会加载，当我注销时，我会显示我的主页，但是也需要刷新，怎么处理？？

if (localStorage.getItem("token")) {
  $("#isLoggin").hide();
  $("#logout").show();
  $("#homepag").hide();
  $(".container-nav").css({ height: "50%" });
  $("#article").show();
} else {
  // $("#aframe").hide();
  $("#article").hide();
  $("#homepag").show();
  $("#logout").hide();
  $("#isLoggin").show();
}

我的主页是这样的

<div class="container-nav">
  <div id="homepag">

  </div>

  <div id="article">

  </div>
</div>

我可以在触发文章并隐藏希望页面时制作加载程序吗？我在做SPA

标签： javascriptjqueryhtmlcssperformance

解决方案

哇，你的问题就像一个逻辑谜题，哈哈。我终于明白你要问的了！答案是肯定的，这样做：

if (localStorage.getItem("token")) {
  $("#isLoggin").hide();
  $("#logout").show();
  $(".container-nav").css({ height: "50%" });
  $("#article").show();
  $("#article").siblings().hide();
} else {
  // $("#aframe").hide();
  $("#article").hide(); // hide this with CSS instead
  $("#homepag").show();
  $("#logout").hide(); // hide this with CSS instead
  $("#isLoggin").show();
}

推荐阅读