Выпачающаяся начальная загрузка Twitter не работает в шаблоне Django

StackOverflow https://stackoverflow.com/questions/9300663

Вопрос

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

Моя проблема в том, что выпадающее меню 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>

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

Бларги-Бла

Это было полезно?

Решение

Переключите заказ вашего 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-->

Другие советы

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top