2016-08-27 3 views
-1

장고 페이지에 테이블을 표시하는 데 jQuery 함수 만 사용하려고합니다. 내가 jsfiddle에서 스크립트를 테스트 할 때 그것은 훌륭하지만 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> 

자바 스크립트 파일 :

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

나머지 HTML 파일은 어디에 있습니까? jquery와 js 파일을 어떻게 포함하고 있습니까? 어떻게 그 파일을 제공하고 있습니까? –

+0

jQuery 및 JS 파일은 bootstrap 및 css 파일과 마찬가지로 {% load staticfiles %} 및 파일 자체에 대한 스크립트 링크를 사용하여 base.html 파일에 포함되어 있습니다. 나는 그것이 JS에 의해 영향을받는 유일한 영역이기 때문에 테이블을 포함 시켰습니다. – SepticReVo

+1

괜찮 았지만 Django는 실제로 이러한 정적 파일을 제공하고 있습니까? 브라우저에로드되고 있습니까? 브라우저의 dev 도구에서 볼 수 있습니까? –

답변

-1

당신을 위해, 당신의 장고 HTML 템플릿에서 JQuery와 스크립트에 대한 참조를 추가해야 예 :

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

jquery site에 대한 자세한 정보

+0

내 web.html 파일과 함께 내 webapp.js 파일에이 문제가 없습니다. – SepticReVo

+0

이전 메모에서

관련 문제