0

ブートストラップに問題があります。navコンポーネントのリンクをクリックできないという問題が発生し始めました。リンクは、ブラウザに入力したときは問題ありませんでしたが、クリックしたときは問題ありませんでした。

本文の下部にあるスクリプト タグの順序を並べ替えて、Django 静的ディレクトリ内の jQuery へのリンクが最初になり、リンクが「クリック可能」になりましたが、メニュー ドロップダウンやアコーディオンなどの他の機能が壊れてしまいました。開かなくなりました。

スクリプト タグをセクションに移動して、元に戻そうとしました。jQueryの開発版を試してみました....何も機能していないようです。

どうしたの？リンクをアクティブにし、JavaScript 機能を動作させるにはどうすればよいですか。

  <head>
        {% block head %}
        # ...
        # ...

        {% load static %}

            <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
            <link href="{% static 'css/custom.css' %}" rel="stylesheet">

            <style type="text/css">
              body {
                padding-top: 60px;
                padding-bottom: 40px;
              }
            </style>
            <link href="{% static 'css/bootstrap-responsive.css' %}" rel="stylesheet">
        {% endblock head %}

   </head>

   <body id="body">
          {% block body %} 

           #.....
           #.....

            <!-- Le javascript
            ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->

            <script src="{% static 'js/jquery-1.8.2.min.js' %}"></script>
            <script src="{% static 'js/bootstrap.min.js' %}"></script>


          {% endblock body %}  
  </body>
4

1 に答える 1

0

多くの検索とあごのストロークの後、私は自分のビューから呼び出していたテンプレートに次のものが含まれていることに気付きました。

  {% for group in class_groups %}
    <li><a data-toggle=**"tab"** href="{% url 'subnav' sub_slug=subj class_grp_slug=group.group_name %}">{{ group.group_name }}</a>
  {% endfor %}

実際にそうあるべきだったとき：

  {% for group in class_groups %}
    <li><a data-toggle=**"tabs"** href="{% url 'subnav' sub_slug=subj class_grp_slug=group.group_name %}">{{ group.group_name }}</a>
  {% endfor %}

ドロップダウンとナビゲーション タブの両方が機能するようになりました。

于 2012-11-07T17:40:01.223 に答える