jQuery 当指向链接时应显示默认隐藏的 div

Question

我有一个页面，其中默认隐藏了一些 div。我希望能够将用户指向一个显示 div 的链接。

前任。 https://app.emailsmsmarketing.com/login

用户可以点击“注册”来隐藏登录信息div 并显示寄存器 div。我想要完成的基本上是添加一个到主站点的链接，默认情况下用户可以从该站点访问注册表单（仅使用 jQuery）。

前任。 https://app.emailsmsmarketing.com/login#!register （或类似的内容）

基本上我要问的是：

a）可以做到这一点
b) 如果是这样，怎么办？

我不确定这对任何人是否有意义。我很感激所提供的任何帮助。

Answer 1

您可以在 ready 事件期间检查 document.location 属性：

$(document).ready(function() {
  if (document.location.indexOf('#login') > -1)
    $("#login").show();
});

Answer 2

您可能正在寻找这个：基于锚点的 URL 导航使用 jQuery

var myUrl = document.location.toString();
if (myUrl.match('#')) { // the URL contains an anchor

  var myAnchor = '#' + myUrl.split('#')[1];
  $('#login').hide();
  $('#register').show();
}

Answer 3

当然，只需在链接上设置一个类或 id 或其他内容，如下所示：

<a href="#" class="register"> Register! </a>

然后在 jQuery 中执行此操作

$("a.register").click(function() { 
    $("#logindiv").hide()
    $("#registerdiv").show();
    return false; // prevents the default behavior of the link, ie following it
});

其中 registerdiv 是隐藏 div 等的 ID。