부트 스트랩 3 내비게이션 드롭 다운이 작동을 멈 춥니 다

Question

나는 prod와 qa에 어떤 코드도 변경하지 않았지만, 무엇이 잘못되었는지를 알 수 없기 때문에 어떤 이유로 QA 축소 nav가 두 코드를 붙여 넣는 작업을 중단했습니다. 오류가 있지만 아무 것도 보이지 않는 경우, 두 코드를 비교해도 모두 괜찮음을 보여줍니다.

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

이 작동하지

PROD 일하고

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

Answer 1

모든 코드에서 잘하지만 나는 '내 네트워크 탭의 스크린 샷입니다 jQuery 라이브러리가 올바르게로드되지 않았는지 확인하십시오. jQuery 스크립트가 페이지에 포함되어 있는지, 지정된 경로에 있는지 확인하십시오. 그럼 잘 될 것입니다.

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

다음은 jQuery 참조를 포함시킨 후의 QA 코드 데모입니다. Bootstrap.js 어떤 이유로 두 번로드지고 있었다

JS Fiddle Demo

Answer 2

그래서 내가 한 번 제거하고이 작업을 시작했다.