Bootstrap 3导航下拉列表停止工作

Question

我没有更改prod和qa上的任何代码但由于某种原因我的qa collapse导航已经停止工作粘贴这里的代码，因为我无法弄清楚什么是错的，我检查控制台是否有错误，如果有的话，但是没有显示任何内容，我甚至比较了两个代码，它显示一切都很好。

PROD WORKING

<div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">
                        <li><a href="../parents/dailyexperience" style="padding-top: 21px; padding-bottom: 11px; !important">Daily Experience</a></li>
                        <li><a href="../parents/attendance_records" style="padding-top: 21px; padding-bottom: 11px; !important">Attendance Records</a></li>
                        <li><a href="../parents/photos" style="padding-top: 21px; padding-bottom: 11px; !important">Photos</a></li>
                        <li><a href="../parents/school_info" style="padding-top: 21px; padding-bottom: 11px; !important">School Info</a></li>
                        <li class="dropdown">
                <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">History <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                                        <li><a href="../parents/dailyexperience_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Daily Experience</a></li>
                                        <li><a href="../parents/attendance_records_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Attendance Records</a></li>
                                    </ul>
            </li>
                        <li><a href="../parents/profile" style="padding-top: 21px; padding-bottom: 11px; !important">Profile</a></li>
                        <li class="dropdown">
                <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">Select Child <b class="caret"></b></a>
                    <ul class="dropdown-menu">

                    <li><a href="../parents/select_a_child/50" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Annett Joy</a></li>

                    <li><a href="../parents/select_a_child/51" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Charlotte Pinkiewicz</a></li>
                                    </ul>
            </li>
                        <li><a href="../parents/change_password" style="padding-top: 21px; padding-bottom: 11px; !important">Change Password</a></li>
                        <li><a href="../logout" style="padding-top: 21px; padding-bottom: 11px; !important">Logout</a></li>

        </ul>
    </div>

质量保证不工作

<div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right">
                        <li><a href="../parents/dailyexperience" style="padding-top: 21px; padding-bottom: 11px; !important">Daily Experience</a></li>
                        <li><a href="../parents/attendance_records" style="padding-top: 21px; padding-bottom: 11px; !important">Attendance Records</a></li>
                        <li><a href="../parents/photos" style="padding-top: 21px; padding-bottom: 11px; !important">Photos</a></li>
                        <li><a href="../parents/school_info" style="padding-top: 21px; padding-bottom: 11px; !important">School Info</a></li>
                        <li class="dropdown">
                <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">History <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                                        <li><a href="../parents/dailyexperience_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Daily Experience</a></li>
                                        <li><a href="../parents/attendance_records_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Attendance Records</a></li>
                                    </ul>
            </li>
                        <li><a href="../parents/profile" style="padding-top: 21px; padding-bottom: 11px; !important">Profile</a></li>
                        <li class="dropdown">
                <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">Select Child <b class="caret"></b></a>
                    <ul class="dropdown-menu">

                    <li><a href="../parents/select_a_child/50" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Annett Joy</a></li>

                    <li><a href="../parents/select_a_child/51" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Charlotte Pinkiewicz</a></li>
                                    </ul>
            </li>
                        <li><a href="../parents/change_password" style="padding-top: 21px; padding-bottom: 11px; !important">Change Password</a></li>
                        <li><a href="../logout" style="padding-top: 21px; padding-bottom: 11px; !important">Logout</a></li>

        </ul>
    </div>

这是我的网络标签

的屏幕截图

Answer 1

你的代码中的一切都很好，但我确信你的jQuery库没有正确加载。确保页面上包含jQuery脚本以及指定路径上的jQuery脚本。然后它会正常工作。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

以下是包含jQuery参考后的QA代码演示。

<强> JS Fiddle Demo

Answer 2

由于某种原因，Bootstrap.js被加载了两次所以我删除了一次并开始工作。