Question

我是建立网站的新手，所以如果这是一个愚蠢的问题，我很抱歉。我正在尝试构建一个页面，我有两个链接引用同一页面（登录和注册）：

<li><a href="login.php">Login</a></li>
<li><a href="login.php" class="button special">Sign Up</a></li>

login.php页面有一个标签形式（类似于这个https://www.hackerrank.com/signup），我希望一个特定的标签是当前标签，具体取决于点击的链接（注册或登录）。

这可能吗？怎么样？

谢谢！

Answer 1

在您关联的页面中，网址会根据哪个标签更改选中，而您似乎想要一个独特页面的动态行为。

我会首先在标签中添加一个ID [这是您链接的页面的一段代码]：

<ul class="login_tab unstyled horizontal clearfix">
    <li class="signup-toggle toggle" id="signup"><a href="/signup" data-toggle="tab">Sign Up</a></li>
    <li class="login-toggle toggle" id="login"><a href="/login" data-toggle="tab">Log In</a></li>
</ul>

请注意，我还从'li'项中删除了'有效'。

然后我会将您的链接更改为：

<li><a href="login.php#login">Login</a></li>
<li><a href="login.php#signup" class="button special">Sign Up</a></li>

然后为您的页面编写以下后期加载功能

$(function() {
  var url = location.pathname.hash; // gets #par_name
  var par = url.slice(1); // gets 'par_name'
  var d = document.getelementById(par); // gets element with id #par_name
  d.className += " active"; // makes the element active
});

我没有在实际页面上测试代码，但我希望你能有这个想法。

编辑：根据@ dev-null建议的简化代码

Tabs，JQuery，href标签

1 个答案: