0

我的模态中有一个 2 选项卡，Team并且Personal. 当模式打开时，Team选项卡将处于活动状态，当我选择Personal它时，它会正确显示所有内容，但是当我想切换回Team选项卡时，它不会在我的Team选项卡中显示内容。任何帮助将不胜感激谢谢

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h2 class="modal-title">Create Project</h2>
            </div>

            <!--TABS-->
            <ul class="nav nav-pills" id="pills-tab" role="tablist">
                <li class="nav-item ">
                    <a class="nav-link active" id="pills-team-tab" data-toggle="pill" href="#pills-team"
                        role="tab" aria-controls="pills-team" aria-selected="true">Team</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" id="pills-personal-tab" data-toggle="pill" href="#pills-personal"
                        role="tab" aria-controls="pills-personal" aria-selected="false">Personal</a>
                </li>
            </ul>

            <!--BODY-->
            <div class="modal-body">
                <div class="tab-content">
                    <!--START TEAM TAB-->
                    <div class="tab-pane fade active in" id="pills-team" role="tabpanel">
                        <p>team tabs</p>
                    </div>
                    <!--END TEAM TAB-->

                    <!--START PERSONAL TAB-->
                    <div class="tab-pane fade" id="pills-personal" role="tabpanel">
                        <p>personal tab</p>
                    </div>
                    <!--END PERSONAL TAB-->
                </div>
            </div>
        </div>
    </div>
</div>
4

0 回答 0