jquery - 如何使一堆 html 在登录路径上消失或消失

Question

<div class="wrapper">
<div>
    <span class="navbar"></span>
  <a class="dropdown">
  Bunch html
  </a>
</div>
</div>

JQuery

var current_url = window.location.pathname;
if(current_url.indexOf('/login') === 0){
  var login = $('.navbar').next('.Dropdown');
  login.remove();
}

当在/login 或/login/stuff 上时，下拉列表中的整个 html 应该被删除。 但是当我在本地测试时，它被删除了 - 一个小问题是当我刷新或转到该/login 页面时，下拉 html 会快速显示然后消失。这不是我想要的。在/login 页面上时它应该完全消失。有没有办法解决这个问题？

Answer 1

把事情反过来做

CSS:

.navbar + a.dropdown { display:none; }

JS:

var current_url = window.location.pathname;
var login = $('.navbar').next('.Dropdown');

if(current_url.indexOf('/login') === 0){    
  login.remove();
} else {
  login.show();
}