从菜单重定向到 css 选项卡容器中的各个选项卡

Question

我有一个选项卡容器，其中包含两个选项卡，例如 Registration.aspx.As 中的登录和注册，就像我在主表单中有一个名为登录和注册的菜单一样。当我单击登录菜单时，我已经设置了一个登录选项卡处于活动状态。就像我必须在单击“注册”菜单时设置“注册”选项卡处于活动状态一样。登录菜单和注册菜单都重定向到同一页面，即注册 .aspx

这是我的 css 选项卡容器

代码

<ul class="nav nav-tabs nav-justified">
    <li class="active">
        <a href="#login" data-toggle="tab" class="br-lblue"><i class="fa fa-sign-in"></i> Sign In</a>
    </li>
    <li>
        <a href="#register" data-toggle="tab" class="br-lblue"><i class="fa fa-pencil"></i> Sign Up</a>
    </li>
</ul>
<!-- Tab panes -->
<div class="tab-content" >
    <div class="tab-pane fade active in" id="login">
        <p>
            Paragraph 1
        </p>
    </div>
    <div class="tab-pane fade" id="register">
        <!-- Register form -->
        <div class="alert alert-info">
            <strong>Register FREE!</strong>
        </div>
        <p>
            Paragraph 2
        </p>
    </div>
</div>

我该如何实现？谢谢

Answer 1

是的，我 it.Thank God.I 使用了查询字符串。我已经在 Tab Container 中删除了 Active css。我使用 Jquery 动态添加了它并且它有效。

 $(document).ready(function() {


        var name = GetParameterValues('SearchType');
        if (name == 'Basic') {
            $('#c-one').addClass("active in");
            $('#c-two').removeClass("active in");

        }
        else if (name == 'Advance') {
        $('#c-two').addClass("active in");
        $('#c-one').removeClass("active in");

    }
    function GetParameterValues(param) {
        var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for (var i = 0; i < url.length; i++) {
            var urlparam = url[i].split('=');
            if (urlparam[0] == param) {
                return urlparam[1];
            }
        }
    }   

    });

从菜单重定向到 css 选项卡容器中的各个选项卡

Redirect to the Individual Tabs in css Tab container from Menu

html

css

asp.net

jquery

tabs