0

Twitter ブートストラップ ツールチップを使用しています。ファイルbootstrap.jsを含むbase.htmlがあります。base.htmlを拡張するテンプレートには、ツールチップを表示するために使用されるスクリプトがあります。

<script type="text/javascript">
        $(function () {
        console.log("In tooltip");
           $(".tip").tooltip();
        });
</script)

問題は、現在の状況ではツールチップが表示されないことです。テンプレート内にjqueryライブラリをインポートすると、ツールチップが表示されますが、ドロップダウンなどのブートストラップの他の機能は機能しません。それは本当に単純なことだと思いますが、私はjqueryに特に慣れていません。

更新され たスクリプトは、私のファイルに次の順序で書かれています。

base.html

<head>
   <script type="text/javascript" src="/static/js/jquery.min.js"></script>
   <script type="text/javascript" src="/static/js/bootstrap.js"></script>
   <script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
</head>
<body>
   {% block content %}
   {% end block %}
</body>

私のテンプレートでは、

{% extends base.html %}
 {% block content %}

  <script type="text/javascript" src="/static/js/bootstrap.js"></script>  (I have to call this and comment the one in the base.html for tooltip to work)

 <script type="text/javascript">
        $(function () {
        console.log("In tooltip");
           $(".tip").tooltip();
        });
</script)
 {% end block %}
4

0 に答える 0