Css 引导程序3导航下拉列表已停止工作

Css 引导程序3导航下拉列表已停止工作,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我没有更改prod和qa上的任何代码,但出于某种原因,我的qa崩溃导航已停止工作,将这两个代码粘贴到此处,因为我无法找出问题所在,我检查了控制台是否有错误,如果有错误,但它什么也没有显示,我甚至比较了这两个代码,它显示一切正常 戳工作 <div class="collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav navbar-right">

我没有更改prod和qa上的任何代码,但出于某种原因,我的qa崩溃导航已停止工作,将这两个代码粘贴到此处,因为我无法找出问题所在,我检查了控制台是否有错误,如果有错误,但它什么也没有显示,我甚至比较了这两个代码,它显示一切正常

戳工作

<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>

QA不起作用

<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>

这是“我的网络”选项卡的屏幕截图


代码中的一切都很好,但我确信jQuery库没有正确加载。确保jQuery脚本包含在页面中,并且位于指定路径上。那它就可以正常工作了

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

下面是包含jQuery参考之后的QA代码演示


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

js呢?是否有任何更改,可能是不同的路径、微型化?JSFIDLE不起作用。当我运行FIDDLE时,它没有加载任何内容。我也有同样的问题,所以基本上您只是删除了资产/javascripts/Bootstrap.js上的boostrap.js?