使用标记创建标签

Question

这是我的页面代码，我使用bootstrap：

        <div role="tabpanel">
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a id="a1" href="?tab=1"  aria-controls="chtitle" role="tab" data-toggle="tab">Home</a> </li>
                <li role="presentation"><a id="a2" href="?tab=2"  aria-controls="chtitle" role="tab" data-toggle="tab">blog</a></li>
            </ul>

        </div>

        <script>
            function getUrlVars() {
                var vars = [], hash;
                var hashes = window.location.href.slice(
                        window.location.href.indexOf('?') + 1).split('&');
                for (var i = 0; i < hashes.length; i++) {
                    hash = hashes[i].split('=');
                    vars.push(hash[0]);
                    vars[hash[0]] = hash[1];
                }
                return vars;
            }

            $('#a' + getUrlVars().tab).addClass('selected');
        </script>

这是结果：

当我点击标签时它不起作用？ 在stackoverflow问题页面中，当我点击特色地址栏时，更改为下面的地址：

http://stackoverflow.com/questions?sort=featured

我想要像这样创造！

Answer 1

除非您的目的不是使用标记API，否则您不需要javascript函数。而不是href =＆＃34;？tab = 2＆＃34;，请使用以下内容：

 href="#tab2"

这假设您的标签有id =＆＃34; tab2＆＃34;。尽管如此，这些都在文档中。 http://getbootstrap.com/javascript/#tabs。您可以单独使用标记，它将起作用。