2016-07-16 3 views
-2

Мое складное меню в Bootstrap, похоже, не работает - может кто-нибудь помочь мне в чем проблема? Сейчас он отображает Складного меню, но при нажатии ничего не происходит в визуальном студии 2015, но работать в W3School например, здесь: w3school collapsible menu exampleBootstrap Складное меню не работает при нажатии

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

Почему бы вам просто не использовать их пример? – RasmusGlenvig

+0

Возможный дубликат [JavaScript для Bootstrap требует jQuery версии 1.9.1 или новее, но ниже версии 3] (http://stackoverflow.com/questions/37936751/bootstraps-javascript-requires-jquery-version-1-9-1 -или-выше, но низший чем-V) – vanburen

ответ

0

Пожалуйста, обратитесь кодом и его работает отлично в соответствии с вашим код

<!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> 
Смежные вопросы