选项卡、JQuery、href标记
我是新来的网站建设,所以我很抱歉,如果这是一个愚蠢的问题。我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册):选项卡、JQuery、href标记,jquery,html,tabs,href,Jquery,Html,Tabs,Href,我是新来的网站建设,所以我很抱歉,如果这是一个愚蠢的问题。我正在尝试构建一个页面,其中有两个链接指向同一页面(登录和注册): php页面有一个选项卡形式(与此类似),我希望某个特定的选项卡是当前选项卡,具体取决于单击的链接(注册或登录) 这可能吗?怎么做 谢谢 在链接的页面中,url会根据所链接的选项卡而变化 选中,而您似乎希望独特页面具有动态行为 我会首先在选项卡中添加一个id[这是您链接的页面的一段代码]: <ul class="login_tab unstyled horizo
php页面有一个选项卡形式(与此类似),我希望某个特定的选项卡是当前选项卡,具体取决于单击的链接(注册或登录)
这可能吗?怎么做
谢谢 在链接的页面中,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>
我没有在实际页面上测试代码,但我希望您能理解
编辑:根据@dev null suggestion简化代码您通常应该使用,因为散列总是以
#
开头,所以您可以使用url.slice(1)
。
<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><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
});