Выпадение не происходит, нажав на

Вот как я «арендую» с помощью boostrap с sass, и вот как я нажимаю на свое раскрывающееся меню, которое я добавляю в меню, чтобы оно не «пришло» вниз другими словами, витрина.Выпадение не происходит, нажав на

Я сделал это здесь, в меню.

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Opret <span class="caret"></span></a> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li class="dropdown-header">Nav header</li> 
     <li><a href="#">Separated link</a></li> 
     <li><a href="#">One more separated link</a></li> 
    </ul> 
</li>

в нижней части страницы, добавить новую версию JQuery и старую версию, которая поставляется с пакетом, когда я собираю Bootstrap в мой Visual Studio Express 2013

<script src="../Scripts/jquery-2.1.3.js"></script> 
<script src="../javascripts/js/lightbox.js"></script> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="../js/bootstrap.min.js"></script>

EDIT

<script src="../javascripts/js/lightbox.js"></script> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="../js/bootstrap.min.js"></script>

РЕДАКТИРОВАТЬ 2

<head runat="server"> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Instruktor Panel</title> 
    <asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <link href="../stylesheets/StyleSheet.css" rel="stylesheet" /> 
    <link href="../stylesheets/css/lightbox.css" rel="stylesheet" /> 
</head>

EDIT 3 - Проблема я обнаружил, расположенный здесь:

<script src="../javascripts/bootstrap.min.js"></script>

Это я написал, что это было в JS, но это все в JavaScript

источник

2015-03-10 Jesper Petersen

в вы видите какие-либо ошибки JS от консоль? – Sean

У вас есть своя таблица стилей (css), чтобы изменить загрузку? –

@JeanGkol Я добавляю, как голова смотрит на меня. –

Есть две версии JQuery js-файл. Удалите один из них, а затем повторите попытку.

<script src="../Scripts/jquery-2.1.3.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Я просто скопировал ваш html-код и добавил файлы jquery и bootstrap js. Он работает в FIDDLE

Вот HTML-код

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> - jsFiddle demo by User86745458</title> 
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
});//]]> 

</script> 
</head> 
<body> 
    <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Opret <span class="caret"></span></a> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li class="dropdown-header">Nav header</li> 
     <li><a href="#">Separated link</a></li> 
     <li><a href="#">One more separated link</a></li> 
    </ul> 
</li> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-2.1.0.js'></script> 
    <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
</body> 
</html>

источник

2015-03-10 01:50:33 user86745458

Я попытался отнять один из них, и он тоже не работает –

Я добавляю код, как я это сделал в нижней части страницы. –

И вообще ничего там не будет. Он также ничего не сделает, если я сделаю браузер для мобильных устройств. :/ –

Другие JavaScript плагинов или ваш собственный браузер рекомендуется размещать на <head>

<head> 
     <script src="../javascripts/js/lightbox.js"></script> 
</head> 


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="../js/bootstrap.min.js"></script>

источник

2015-03-10 01:51:44 Vincent

Не работает для меня. i can not not click on its, –

Вы можете увидеть, что не так/нет в разделе «консоль» браузера. Нажмите F12 или щелкните правой кнопкой мыши на странице, затем нажмите «Проверить элемент», затем найдите «консоль». – Vincent

говорит, что нет никаких ошибок, чтобы искать jquery all. –

Выпадение не происходит, нажав на

ответ

Смежные вопросы