2016-08-27 14 views
-1

私はちょうどjQuery関数を使ってDjangoページにテーブルを表示しようとしています。私がjsfiddleでスクリプトをテストすると、うまくいきますが、私のDjangoサイトでは動作しません。それを動作させるために何かをDjangoにインポートする必要がありますか?jQueryとDjangoを同じページで使用できますか?

これは私がこれまで持っているものです。

htmlファイル:

<table class="panel"> 
    <tr> 
     <td colspan=3 class="tblheader"><h1>Statistics</h1></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 
<button class="spoiler">Click for Spoilers</button> 

ジャバスクリプトファイル:あなたは、あなたのDjangoのHTMLテンプレートからjqueryのスクリプトへの参照を追加する必要があります

$(document).ready(function() { 
    $('.spoiler').click(function() { 
     $('.panel').slideToggle('slow'); 
     }); 
    }); 
+1

残りのHTMLファイルはどこにありますか? jqueryと自分のjsファイルをどうやって入れていますか?これらのファイルはどのように提供していますか? –

+0

jQueryとJSファイルは、{%load staticfiles%}を使用してbase.htmlファイルに含まれており、ブートストラップやCSSファイルと同じように、ファイル自体にリンクされています。私はそれがJSの影響を受ける唯一のエリアなので、テーブルを含めました。 – SepticReVo

+1

OKですが、Djangoは実際にこれらのstaticfilesを提供していますか?それらはあなたのブラウザにロードされていますか?あなたはブラウザの開発ツールでそれらを見ることができますか? –

答えて

-1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

詳細情報jquery site

+0

これは私のbase.htmlファイルと私の特定のwebapp.jsファイルにあるので、それは問題ではありません。 – SepticReVo

+0

あなたの前のコメントには、

関連する問題