Tabs,JQuery,href标签

2023年4月26日 181次阅读

我是建立网站的新手,所以如果这是一个愚蠢的问题,我很抱歉.我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册)：

<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),我希望一个特定的标签是当前标签,具体取决于点击的链接(注册或登录).

这可能吗？怎么样？

谢谢！

最佳答案 在您链接的页面中,网址会根据哪个标签更改

选中,而您似乎想要一个独特页面的动态行为.

我会先在标签上添加一个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建议的简化代码

点赞