Question

我有一个标签容器，其中包含两个标签，如sign.aspx中的signIn和signUp。与我在主表单中有一个名为登录和注册的菜单相同。我点击SignIn菜单时设置了一个SignIn标签。当我点击注册菜单时，我必须设置注册标签。 SignIn菜单和注册菜单都重定向到同一页面，即注册.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

是的我做到了。谢谢God.I使用了查询字符串。我已经删除了Tab容器中的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 Tab容器中的Individual选项卡

1 个答案: