Question

我使用bootstrap activetab作为锚链接说

/about-us/contacts?activetab=1

根据我的主播链接activetab=1，我在此page中有3个标签，它应该重定向到第二个标签，但无论是1还是2，它都会被重定向到始终0标签。

Answer 1

我最后编写了一些Javascript来实现这一点，代码以这种方式进行......

我获取了当前的URL并将它拆分为获取我所需的URL部分，即activetab=1/activetab=2然后我编写条件并通过添加类并删除所需选项卡的类来完成。

<script>
        jQuery(document).ready(function () {

            var url = window.location.href;

            url = url.split("?");
            var activeurl = url[1];
            //alert(url);
            if(activeurl == "activetab=1") {

                jQuery( "#txmod_113 li.first" ).removeClass( "active" );
                jQuery( "#txmod_113-0" ).removeClass( "active" );
                jQuery( "#txmod_113 li:nth-child(2)" ).addClass( "active" );
                jQuery( "#txmod_113-1" ).addClass( "active" );
                } 
            else if(activeurl == "activetab=2") {

                jQuery( "#txmod_113 li.first" ).removeClass( "active" );
                jQuery( "#txmod_113-0" ).removeClass( "active" );
                jQuery( "#txmod_113 li:nth-child(2)" ).removeClass( "active" );
                jQuery( "#txmod_113-1" ).removeClass( "active" );
                jQuery( "#txmod_113 li.last" ).addClass( "active" );
                jQuery( "#txmod_113-2" ).addClass( "active" );
                }
        });
</script>

Bootstrap activetab重定向到第一个选项卡

1 个答案: