djangoテンプレートを使用してjavascriptコードをdjangoテンプレートにロードする方法

Question

状況：Django 1.9を使用しています。そして、私はデータベースに格納されているいくつかのJavaScriptを取るjavascriptループを持っています。このjsには、jsがテンプレートに読み込まれるときにロードしたいdjangoタグがいくつかあります。 これは、関数である：

{% extends "base_clean.html" %} 
{% load i18n %} 
{% block title %}{% trans "Campaign" %} - {{ campaign.name }}{% endblock %} 

{% block content %} 


Some HTML 

Some CSS 

<script type="text/javascript"> 

Some javascript functions. 

displayed = 0; 
delay = 1000; 
(function loop() { 
    setTimeout(function() { 
    p = pq.getMessage() 
    if(p != false) { 
     posthtml = get_message_html(p); 
     displayed++; 

     {{ display_style.layout.js|safe }} /* !!!!!!!!!!!!!!!!!!*/ 


    if(pq.messagesCount() < 10){ 
     pq.getMessages() 
    } 
    loop(); 
}, delay); 
})(); 
</script> 
{% endblock %} 

そして、これは何の{{display_style.layout.js |安全}}である負荷：あなたは、それは私もしたい、いくつかのDjangoのタグを持って見ることができるように

setTimeout(function() { 
     $('#messages_container').append(posthtml); 
     {% if display_style.post_append_effect %} 
      $(posthtml).addClass("animated {{ display_style.post_append_effect.css }}"); 
     {% endif %} 
     }, 900); 
    } 

    if(displayed == {{ display_style.messages_per_page }}){ 
     delay = {{ display_style.seconds_between_messages }}000; 
    } 

    if(displayed > {{ display_style.messages_per_page }}){ 
     $target = $('#messages_container div.list-group-item').first() 
     {% if display_style.message_remove_effect %} 
     $target.removeClass("animated {{ display_style.post_append_effect.css }}") 
     .addClass("animated {{ display_style.post_remove_effect.css }}"); 
     {% endif %} 
     setTimeout(function() { 
     $target.remove(); 
     displayed-- 
     }, 900); 

    } 

レンダリングする。しかし、私は "Uncaught SyntaxError：予期しないトークン％"を持っています

EDIT：djangoヘッダタグが追加されました。テンプレートの構造 そして、テンプレートにレンダリングしたいjsを明示的に書くと、問題はレンダリングされたjsにタグをレンダリングしようとしています。

Answer 1

私はその問題はDjangoのinclude template tagを使用するのではなく、2番目のテンプレートをテキスト文字列としてロードしています。 {{ display_style.layout.js|safe }}を{% include "display_style.layout.js" %}に変更してください。構文エラーがより顕著になるはずです。

また、テンプレートにjavascriptを含めるのではなく、javascriptを読み込むためにDjangoのstaticfilesを使用することを検討する必要があります。次にthis answerを入力すると、javascriptファイルで参照できる<script>タグでJavaScriptに渡す変数を簡単に定義できます。ような何か：

ジャンゴstaticfiles

var displayStyle = window.displayStyle || null; 
if (displayStyle) { 
    // Your code here. 
} 

最終介してロードテンプレート

{% load staticfiles %} 
<!-- Some html --> 
<script> 
    var displayStyle = {{ display_style }}; 
</script> 
<script type="text/javascript" src="{% static 'your_js_file.js' %}"></script> 
<!-- Rest of your HTML --> 

JSファイルには、特定のエラーのための一つの可能​​性は、あなたのインクルードされたテンプレートがどこか%性格を持っていることです。これは、djangoテンプレートシステムで%%としてエスケープする必要があります。