Выпадающий список twitter bootstrap не работает в шаблоне django

Спасибо за попытку помочь заранее!

Моя проблема в том, что выпадающее меню twitter bootstrap (для панели навигации) у меня не работает, и сейчас я очень потерян. Мой код заголовка (так что да, я включаю их .js и называю его):

<head>
  <title>{% block title %}User test{% endblock %}</title>
  <!--for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
  <script type="text/javascript">
        $(document).ready(function(){
        $('.dropdown-toggle').dropdown();
    });
   </script>

   <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" /><!--link to my style.css-->
   <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" /><!--link to bootstrap's css-->

The menu item that is suppose to have dropdown:

     <ul class="nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        {% trans "Logged in" %}: {{ user.username }} 
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url auth_password_change %}">{% trans "Change password" %}</a></li>
                        <li><a href="{% url auth_logout %}">{% trans "Log out" %}</a></li>
                    </ul>
                </li>
                <li><a href="/upload/">{{ "Upload your CVS" }}</a></li>
                <li><a href="/settings/">{% trans "Settings" %}</a></li>
      </ul>

Спасибо еще раз,

бладжи-бла


html drop-down-menu jquery twitter-bootstrap django-templates
person blargie-bla    schedule 15.02.2012    source источник

Ответы (3)


arrow_upward
6
arrow_downward

Измените порядок включения js, чтобы jQuery загружался первым.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->
person John Fable    schedule 15.02.2012

arrow_upward
2
arrow_downward

вы должны использовать последнюю версию jquery (1.7)

person prestarocket    schedule 16.02.2012
comment
это тоже не сработало. я переключился на 1.7.1, а затем он сломался в самом начале кода ... мне в основном нужно было перезапустить мой хром. - person blargie-bla; 17.02.2012

arrow_upward
0
arrow_downward

Как сказал Джон, мне действительно нужно было изменить строки. По какой-то волшебной причине (до сих пор не знаю почему!) Он ломался в точках останова, которые даже не были установлены, и, следовательно, jquery не загружался. После перезагрузки браузера все заработало.

person blargie-bla    schedule 16.02.2012