부트 스트랩 드롭 다운이 작동하지 않습니다. 모든 것을 시도했습니다 ... (부트 스트랩 2.3.2)

-1

설치 프로그램에서 내 탐색 표시 줄에 드롭 다운을 시도했지만 제대로 작동하지 않습니다. 계정 버튼을 클릭하면 제목에 #이 추가됩니다. 파일에 부트 스트랩 드롭 다운을 연결해 보았습니다. 자바 스크립트를 추가했지만 아무 것도 작동하지 않았습니다. 나는 모달과 같은 문제를 가지고 있었다. Heres는 내 코드 :부트 스트랩 드롭 다운이 작동하지 않습니다. 모든 것을 시도했습니다 ... (부트 스트랩 2.3.2)

<!DOCTYPE html> 
<html> 
<head> 
     <title>Dropdown Test!</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link href="css/bootstrap-modal.css" rel="stylesheet" /> 
     <link href="css/bootstrap.css" rel="stylesheet" /> 
     <script type="text/javascript" src="includes/jscript/jquery.js"></script> 



<div class="container"> 


<div class="navbar"> 
    <div class="navbar-inner"> 
     <div class="container-fluid"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
        </a> 
      <a class="brand" name="top">Dropdown Test</a> 
       <div class="nav-collapse collapse"> 
       <ul class="nav"> 
            <li class="divider-vertical"></li> 
        <li class="active"><a href="">Home</a></li> 
        <li><a href="#">Client Area</a></li> 
             <li><a href="contact">Contact</a></li> 
            </ul> 
          <ul class="nav pull-right"> 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Account&nbsp;<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
         <li><a href="clientarea.php">Login</a></li> 
         <li><a href="register.php">Register</a></li> 
         <li class="divider"></li> 
         <li><a href="pwreset.php">Forgot Password?</a></li> 
       </ul> 
       </li> 
       </ul> 
    </div> 
     </div> 
    </div> 
</div> 



<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="bootstrap/js/bootstrap-dropdown.js"></script> 


    <style type="text/css"> 


body 
{ 
margin:0; 
padding:0; 
background-color: #999; 
} 

.navbar { 
    margin-left: 5%; 
    margin-right: 5%; 
    margin-top: 2%; 
} 

</style> 
</body> 
</html>

출처

2013-08-27 Kotise

브라우저의 콘솔에 오류가 있습니까? –

페이지에 jQuery를 두 번 포함하면 부트 스트랩 JavaScript가 버그 아웃 될 수 있습니다 ... –

오류가 없으며 파일에서 jQuery 링크 중 하나를 제거하려고했지만 작동하지 않았습니다. 나는 또한 scprit 추가 시도했지만 아무것도 작동하지 않습니다. 원하는 경우 내 사이트로 이동하여 데모보기 : hosting.theundeadgamer.com – Kotise

당신이 JQuery와 두 개의 참조가 여기

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.dropdown-toggle').dropdown(); 
    });

출처

2013-08-27 12:41:09

bootstrap.css 전에 jQuery를 추가하여 작동하게했습니다 아약스 링크로 변경 했으므로 이제 모든 것이 작동합니다. . – Kotise

스크립트가 누락되었습니다. 아래쪽을 제거하십시오.

출처

2014-05-13 22:37:00 DeadlyChambers

부트 스트랩 드롭 다운이 작동하지 않습니다. 모든 것을 시도했습니다 ... (부트 스트랩 2.3.2)

답변

관련 문제