장고 템플릿에 자바 스크립트를 추가 할 때 빈 페이지

아주 잘 작동하는 내 응용 프로그램 용 기본 템플릿 페이지를 만들었지 만 자바 스크립트 참조 (예를 들어 jQuery)를 추가하려고하면 빈 페이지가 있지만 javascript가 머리에로드되었지만 페이지 본문이 비어 있습니다. 참조 된 자바 스크립트 소스가 빈 파일 인 경우에도 마찬가지입니다. 스타일과 이미지가 올바르게로드되고 참조 된 첫 번째 자바 스크립트 소스가 django 개발 서버에서 제공 한 페이지 소스 코드에 나타나기 때문에 정적 파일 폴더에는 아무런 문제가 없습니다. 나는 머리 모두에서 모든 자바 스크립트 참조를 제거 할 경우는 어떻게해야대로 작동장고 템플릿에 자바 스크립트를 추가 할 때 빈 페이지

{% load staticfiles %} 

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" /> 
    <script type="text/javascript" src="{% static 'backend/script/script.js' %}">

및 브라우저

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<meta content="width=device-width, initial-scale=1.0" name="viewport"> 
<link href="/static/backend/css/style.css" rel="stylesheet"> 
<script src="/static/backend/script/script.js" type="text/javascript"> 
    $(document).ready(function() { 
    function runEffect() { 
    . . . 
</script> 
</head> 
<body> </body>

의 결과 코드 :

여기 내 템플릿입니다. 내 장고 앱에 자바 스크립트를 제대로 포함시킬 수 있습니까? 이와

출처

2014-07-10 BlueSapphire

이것은 나를 위해 작동 : <스크립트 SRC = "{% 정적"관리자/JS/application.js "%}"유형 = "텍스트/자바 스크립트"> – chf

당신 브라우저 콘솔을 사용하여 가지고있는 오류를 확인할 수 있습니다. Chrome에서는 F12 키를 누르고 Console (콘솔) 탭으로 이동하면됩니다. – trnsnt

@chf 그것입니다. 내 포함에 닫는 태그를 추가하여 문제를 해결했습니다. – BlueSapphire

보십시오 :

{% load static %} 
<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     {% load staticfiles %} 
     <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" /> 
     <script type="text/javascript" src="{% static 'backend/script/script.js' %}"></script> 
    </head> 
    <body> 
       {{ your_content}} 
    <script>Your custom script</script> 
    </body> 
</html>

출처

2014-07-10 09:34:07 gmfreak

장고 템플릿에 자바 스크립트를 추가 할 때 빈 페이지

답변

관련 문제