2016-07-16 15 views
-2

Mein reduzierbares Menü in Bootstrap scheint nicht zu funktionieren - kann mir jemand helfen, was ist das Problem? Gerade jetzt zeigt es die Ausklappmenü, sondern klicken sie tut nichts in Visual Studio 2015, aber es in w3school Beispiel arbeiten, hier: w3school collapsible menu exampleBootstrap Collapsible Menü funktioniert nicht beim Klicken

<!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> 
+0

Warum verwenden Sie nicht einfach ihr Beispiel? – RasmusGlenvig

+0

Mögliches Duplikat von [JavaScript von Bootstrap erfordert jQuery Version 1.9.1 oder höher, aber niedriger als Version 3] (http://stackoverflow.com/questions/37936751/bootstraps-javascript-requires-jquery-version-1-9-1 -oder-höher-aber-niedriger-als-v) – vanburen

Antwort

0

Bitte den Code beziehen und seine adaequat nach Ihren Code

<!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> 
Verwandte Themen