Question

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

离。 https://app.emailsmsmarketing.com/login

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

离。 https://app.emailsmsmarketing.com/login#!register（或类似的东西）

基本上我要问的是：

a）是否可以这样做 b）如果是这样，怎么样？

我不确定这对任何人都有意义。我感谢您提供的任何帮助。

Answer 1

您可以在document.location活动期间检查ready媒体资源：

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

Answer 2

您可能正在寻找：Anchor-based URL navigation with 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。

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

3 个答案: