"포함"에 HTML을 넣을 때 어떻게 내 자바 스크립트가 작동하지 않습니까?

Question

{% include "abc.html" %} 

장고에서는 이것을 html로 작성했습니다.

이제 자바 스크립트가 작동하지 않습니다.

$(function(){ 
    alert('hi'); 
    $(".div_inside_abc").css("background","#000"); 

}); 

심지어이 자바 스크립트를 abc.html (맨 위)에 넣으려고했습니다. 여전히 작동하지 않습니다.

내가 수행 할 때 정상이 아니다

{{p.grid_image_ur l}}{{p.grid_image_ur l}}{{p.grid_image_ur l}}{{p.grid_image_ur l}}{{p.grid_image_ur l}}{{p.grid_image_ur l}} 

:

$(".div_inside_abc").each(function(e){ 
    document.write($(this).attr("data-rel")); 
}); 

나는이를 얻을! Django의 템플릿이 뭔가를 "포함"할 때 렌더링되지 않는 것처럼 말입니다.

Answer 1

HTML 안에 JavaScript 코드를 넣으면 실행되지 않습니다 (또는 유효한 HTML 일 수 있습니다). SCRIPT 태그로 포장해야합니다 (권장하지 않음) 또는 DOM1 속성으로 사용하십시오.

당신이 jQuery를 내가 jQuery를 한 후 장전 외부 참조 자바 스크립트 파일에 이렇게 좋을 것 부하에이 기능을 실행하려면

,

$(document).ready(function() { 
    alert('hi'); 
    $(".div_inside_abc").css("background","#000"); 
}); 

또는 인라인을 추가,

<script language="javascript"> 
    $(document).ready(function() { 
     alert('hi'); 
     $(".div_inside_abc").css("background","#000"); 
}); 
</script> 

jQuery 뒤에

이 포함됩니다.

이 임의로 평가하려면 내가 (당신이 범위를 필요로하는 경우)에 abc.html 변화에

(function(){ 
    alert('hi'); 
    $(".div_inside_abc").css("background","#000"); 

})(); 

Answer 2

기능을 {{p.grid_image_ur 리터를}} 직접이 방법을 호출 좋을 것 {{p.grid_image_url}}. 그렇지 않을 수도 있지만 좋은 시작입니다. 페이지가 어떤 이유로 든 볼 수 없다는 오류를 던져야합니다.