クリック時に折りたたみ可能なメニューが機能しない

-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） - または - より高いが、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

クリック時に折りたたみ可能なメニューが機能しない

答えて

関連する問題