我是网站 build 新手,如果这是一个愚蠢的问题,我深表歉意。我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册):
<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 ),我希望一个特定的选项卡成为当前选项卡,具体取决于单击的链接(注册或登录)。
这可能吗?怎么办?
谢谢!
最佳答案
在您链接的页面中,url 会根据所链接的选项卡而变化 已选中,而您似乎想要独特页面的动态行为。
我会先向选项卡添加一个 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”项中删除了“active”。
然后我会将您的链接更改为:
<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 建议简化代码
关于jquery - 选项卡、JQuery、href 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35982996/