раскрывающийся список начальной загрузки Twitter не работает в шаблоне Django - PullRequest
1 голос
/ 16 февраля 2012

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

Моя проблема в том, что выпадающее меню Twitter bootstrap (для navbar) не работает для меня, и я сейчас очень растерялся. Мой код заголовка (так что да, я включаю их .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-->

Пункт меню, который должен иметь выпадающий список:

     <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>

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

blargie-бла

Ответы [ 3 ]

6 голосов
/ 16 февраля 2012

Переключите порядок ваших 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-->
2 голосов
/ 16 февраля 2012

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

0 голосов
/ 16 февраля 2012

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...