Bootstrap 为什么最后一个选项卡窗格总是活动的,即使在选择其他选项卡?

toe95027  于 12个月前  发布在  Bootstrap
关注(0)|答案(3)|浏览(151)

我正在使用这个包含子视图的大视图上的 Bootstrap 。我有一吨的标签上的更大的看法,但只有一套他们故障一贯。我已经检查了语法对其他工作标签药丸部分,但最后一个标签部分始终存在。

<div class="row" style="height:350px">
                    <div class="col-lg-3">
                        <h3>Users</h3>
                        <ul class="nav nav-pills nav-stacked">

                            <li id="Cre" class ="active"><a data-toggle="pill" href="#CreUser" onchange="HideIt(1)"> Create User</a></li>
                            <li id="Mod"><a data-toggle="pill" href="#ModUser" onchange="HideIt(2)"> Modify User</a></li>
                            <li id="Del"><a data-toggle="pill" href="#DelUser" onchange="HideIt(3)"> Delete User</a></li>
                        </ul>

                    </div>
                    <div class="container col-lg-8 col-lg-offset-1" style="height:95%;border-radius:70px;border-color:darkblue; border:1px solid">
                        <div class="tab-content col-lg-offset-1">
                            <div id="CreUser" class="tab-pane active">
                                @Html.Action("CreateUser", "Home")
                            </div>
                            <div id="ModUser" class="tab-pane">
                                @Html.Action("ModifyUser", "Home")
                            </div>
                          //  NO MATTER WHAT THIS TAB ALWAYS APPEARS IN THE PANE OR IS PUSHED DOWN OUT OF THE WINDOW PANE BY THE OTHER TAB SECTIONS
                            <div id="DelUser" class="tab-pane">
                                @Html.Action("DeleteUser", "Home")
                            </div>
                           

                        </div>
                    </div>
                </div>

Example Screenshot of Tab Malfuction
任何帮助将不胜感激

r7xajy2e

r7xajy2e1#

按顺序链接Bootstrap:

  • bootstrap.css
  • jquery.min
  • bootstrap.js

Check out this:jsfiddle

5sxhfpxr

5sxhfpxr2#

我在Modify user action视图中遗漏了一个额外的div元素。这导致我的标签窗格提前退出,导致下一个标签窗格始终处于活动状态。

pbossiut

pbossiut3#

如果将来有人使用这个,在我的特定情况下,我有多个用于不同目的的选项卡组。标签的 *href * 是相同的。因此,我为选项卡href和选项卡窗格 * Id *s使用了不同的值,问题得到了解决:)

相关问题