2013-10-25 3 views
0

Я обновил свой код до твиттера bootstrap версии 3 и получил https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip.Dropdown, похоже, не работает над версией 3

По-прежнему мое выпадающее меню не будет работать. Код:

<head> 
     <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'> 
     <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Libre+Baskerville:400,700,400italic|Titillium+Web' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" type="text/css" href="css/Homestyle.css">  
     <link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet" media="screen"> 

     <title>My Title</title> 
     <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> 
    </head> 
<body> 
.... 
.... 
.... 
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script> 
</body> 

Затем фактические кнопки выпадающие:

<div class="btn-group"> 
        <button type="button" class="btn btn-danger">Delley Hangs</button> 
        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> 
         <span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Mijn profiel</a></li> 
         <li><a href="#">Mijn vrienden</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Settings</a></li> 
        </ul> 
       </div> 

Что случилось с моим кодом или с загрузчиком? Я думаю, что это моя вина, но не знаю, что случилось!

Редактировать: Также мои <span class="caret"></span> меньше фактических кнопок?

+0

ли вы получить какие-либо ошибки консоли? – patricksweeney

+0

Нет ошибок, все в порядке. – Haidy

ответ

1

У меня есть код, работающий в jsfiddle, используя Bootstrap 3 CDN и jQuery 1.9.1. Возможно, вам стоит проверить версию jQuery? Я вообще не вижу jQuery в вашем <head> или до </body>?

http://jsfiddle.net/remus/VTt7D/

Я скопировать и вставить код непосредственно, и использовать эту CDN: http://www.bootstrapcdn.com/

+0

Спасибо, человек, я настолько глуп, чтобы забыть jquery. Он был реализован в моем проекте раньше, но забыл его вставить здесь. Глупый! ;) – Haidy

+1

LOL! Ура! Удивленно ничего не появилось на консоли, но рад, что он работает на вас. – brandonscript

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