Bootstrap: не работает выпадающий список

iBars · September 16, 2015

При клике по ссылке

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> wm123450067890 <span class="caret"></span></a>

Должен выпадать список dropdown, но этого не происходит. Весь код:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge" />    <meta name="viewport" content="width=device-width, initial-scale=1" />    <meta name="description" content="BLABLA" />    <meta name="keywords" content="BLABLA" />    <meta name="author" content="BLABLA" />    <link rel="icon" href="favicon.ico" />    <title>BLABLA</title>    <link href="css/site.min.css" rel="stylesheet" />    <link href="css/main.css" rel="stylesheet" />    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->    <!--[if lt IE 9]>      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>    <![endif]-->    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>    <script src="js/bootstrap.js"></script>    <script src="js/site.min.js"></script>    <script src="js/main.js"></script>  </head>  <body>    <div id="loading"></div>    <nav class="navbar navbar-inverse navbar-fixed-top">      <div class="container">        <div class="navbar-header">          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">            <span class="sr-only">Навигация</span>            <span class="icon-bar"></span>            <span class="icon-bar"></span>            <span class="icon-bar"></span>          </button>          <a class="navbar-brand" href="/">BLABLA</a>        </div>        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">          <ul class="nav navbar-nav">            <li><a href="/about.html"><span class="glyphicon glyphicon-usd" aria-hidden="true"></span> О нас</a></li>            <li><a href="/faq.html"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> FAQ</a></li>            <li><a href="/rules.html"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> Правила</a></li>          </ul>          <ul class="nav navbar-nav navbar-right">            <li class="dropdown">              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> wm123450067890 <span class="caret"></span></a>              <ul class="dropdown-menu" role="menu">                <li><a href="#"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Изменить данные</a></li>                <li class="divider"></li>                <li><a href="/?do=logout"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Выйти из аккаунта</a></li>              </ul>            </li>          </ul>        </div>      </div>    </nav>    <div class="container">            <ul class="nav nav-tabs nav-justified" role="tablist">        <li role="navigation" class="active"><a href="#main" aria-controls="main" role="tab" data-toggle="tab">Мои фото</a></li>        <li role="navigation"><a href="#stat" aria-controls="stat" role="tab" data-toggle="tab">Статистика</a></li>        <li role="navigation"><a href="#tools" aria-controls="tools" role="tab" data-toggle="tab">Инструменты</a></li>        <li role="navigation"><a href="#payments" aria-controls="payments" role="tab" data-toggle="tab">Категории</a></li>      </ul>    </div>    <div id="content" class="container">      <script type="text/javascript">load_main();</script>    </div>    <script type="text/javascript">      $('[data-toggle=tab]').click(function(e) {        if (document.getElementById('loading').style.display != 'none') return false;        document.getElementById('loading').style.display = 'block';        var $this = $(this), loadurl = "engine/ajax/" + $this.attr('aria-controls') + ".php";        $.get(loadurl, function(data) {          $('#content').html(data);          document.getElementById('loading').style.display = 'none';        });        $this.tab('show');        return false;      });    </script>    <div class="container">      <hr>      <footer>		<p class="pull-right"><a href="#feedback" role="button" data-toggle="modal" data-target="#feedback">Обратная связь</a></p>        <p>BLABLA © 2015. Все права не нарушены.</p>      </footer>    </div>    <div class="modal fade" id="feedback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">      <div class="modal-dialog">        <div class="modal-content">          <div class="modal-header">            <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>            <h4 class="modal-title" id="myModalLabel">Обратная связь</h4>          </div>		  <form action="" method="POST">            <div class="modal-body">			  <div class="form-group">                <label for="fbcategory">Тема письма</label>                <select name="cat" id="fbcategory" class="form-control">                  <option>Жалоба</option>                  <option>Вопрос</option>                  <option>Предложение</option>                  <option>Другое</option>                </select>              </div>			  <div class="form-group">                <label for="fbemail">Ваш E-mail</label>                <input type="text" name="email" id="fbemail" class="form-control" />              </div>			  <div class="form-group">                <label for="fbtext">Текст сообщения</label>                <textarea name="message" rows="5" id="fbtext" class="form-control"></textarea>              </div>            </div>            <div class="modal-footer">              <button type="button" class="btn btn-danger pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Закрыть</button>              <button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Отправить</button>            </div>		  </form>        </div>      </div>    </div>  </body></html>

Sign In

Bootstrap: не работает выпадающий список

Question

iBars

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information