2015-07-22 2 views
1

Я использую bootstrap 3.3.2 с jQuery 1.11.3, и выпадающее меню не работает. Если я перейду на jQuery 1.8.3, он работает нормально, и я не понимаю, почему. Изменяется только версия jQuery.Контекст выпадающего меню Bootstrap jQuery 1.11.3

Вот мой HTML код:

<!DOCTYPE html> 
<html lang="hu"> 
<head> 
    <title>title</title> 
    <meta charset="iso-8859-2"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script type="text/javascript" src="js/jquery/jquery-1.11.3.min.js"></script> 
    <script type="text/javascript" src="js/jquery/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="js/jquery/bootstrap/js/dropdown.js"></script> 
    <link rel="stylesheet" href="js/jquery/bootstrap/dist/css/bootstrap.min.css"> 
</head> 
<body> 
    <div id="header" class="col-md-12"> 
     <nav class="navbar navbar-default"> 
      <div class="container-fluid"><div class="collapse navbar-collapse"> 
       <ul id="menubox" class="nav navbar-nav"> 
        <li role="presentation" class="dropdown"> 
         <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#">Blog</a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="...">New</a></li> 
          <li><a href="...">Search</a></li> 
          <li><a href="...">List</a></li> 
          <li class="divider"></li> 
          <li><a href="...">Help</a></li> 
         </ul> 
        </li> 
        <li><a href="...">Menus</a></li> 
       </ul> 
      </div> 
     </nav> 
    </div> 
</body> 

Консоль журнал ошибок пуст. Есть идеи?

+0

ли проверить вы его в других браузерах? – greenhoorn

+0

Да, Chrome и Firefox тоже – netdjw

+0

Каково содержимое вашего файла 'bootstrap/js/dropdown.js'? – LeGEC

ответ

3

Попробуйте загрузить файлы jquery и Bootstrap из CDN.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> 
<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 

Если это работает, то ваши файлы не загружается должным образом или повреждены

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