부트 스트랩 접을 수있는 메뉴가 클릭 할 때 작동하지 않습니다.

-2

부트 스트랩의 접을 수있는 메뉴가 작동하지 않는 것 같습니다. - 누구에게 도움을 줄 수 있습니까? 현재는 축소 메뉴를 표시하지만 시각적 스튜디오 2015에서 클릭해도 작동하지 않음,하지만 여기, w3school 예에서 작동 : w3school collapsible menu example 부트 스트랩 접을 수있는 메뉴가 클릭 할 때 작동하지 않습니다.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
    <link href="Content/bootstrap.css" rel="stylesheet" /> 

</head> 
<body> 

    <div class="container"> 
     <h2>Simple Collapsible</h2> 
     <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button> 
     <div id="demo" class="collapse"> 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
     </div> 
    </div> 

    <script src="Scripts/jquery-3.1.0.min.js"></script> 
    <script src="Scripts/bootstrap.min.js"></script> 
</body> 
</html>

출처

2016-07-16 Amir

왜 그 예를 사용하지 않으시겠습니까? – RasmusGlenvig

[Bootstrap의 JavaScript는 가능한 jQuery 버전이 1.9.1 이상이고 버전이 3보다 낮아야합니다] (http://stackoverflow.com/questions/37936751/bootstraps-javascript-requires-jquery-version-1-9-1) - 또는 - higher-but-than-v) – vanburen

코드를 참조 할주세요 그에 따라 잘 작동하여 코드

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Document</title> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <div class="container"> 
     <h2>Simple Collapsible</h2> 
     <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button> 
     <div id="demo" class="collapse"> 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
     </div> 
    </div> 
</body> 
</html>

출처

2016-07-16 09:58:18 vignesh

부트 스트랩 접을 수있는 메뉴가 클릭 할 때 작동하지 않습니다.

답변

관련 문제