Bootstrap：“活动”标签应显示在页面加载中

Question

嗨，我正在使用bootstrap创建选项卡。 我知道这个问题在很多时候问过，但是我的标签代码有点不同我使用按钮进入下一个标签这里是我的jquery代码

 $(document).ready(function () {


      $(".btn_1").click(function (e) {
        e.preventDefault();
        var $active = $('.wizard .nav-wizard li.active');
        $active.next().removeClass('disabled');
        nextTab($active);

    });
     //Wizard
    $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {

        var $target = $(e.target);

        if ($target.parent().hasClass('disabled')) {
            return false;
        }
    });


});


function nextTab(elem) {
    $(elem).next().find('a[data-toggle="tab"]').click();
}

标签代码

<ul class="nav nav-wizard">

                    <li class="active">
                        <a href="#step1" data-toggle="tab">Location Information</a>
                    </li>

                    <li class="disabled">
                        <a href="#step2" data-toggle="tab">Contact Information</a>
                    </li>

                    <li class="disabled">
                        <a href="#step3" data-toggle="tab">Other information</a>
                    </li>

                    <li class="disabled">
                        <a href="#step4" data-toggle="tab">Business Keywords</a>
                    </li>
                    <li class="disabled">
                        <a href="#step5" data-toggle="tab">Upload Pictures</a>
                    </li>
                    <li class="disabled">
                        <a href="#step6" data-toggle="tab">Upload Videos</a>
                    </li>
                </ul>

我没有发布其余部分，因为它太大了，现在一切正常，它将转到下一个选项卡，但是我要在页面加载中显示活动选项卡，而不是第一个，我也检查了这个问题，但是他再次正在使用点击标签转到下一步，我正在使用按钮。

这是我的代码的小提琴

Answer 1

首先您的问题不清楚。 尝试使其与Twitter Bootstrap同步。 话虽如此，在Bootstrap中不建议您尝试做什么; 它提供了可在网站上立即使用的这些组件。 不要尝试在Bootstrap中自定义基本组件。

您可以使用Bootstrap中的此组件解决您的问题。