django模板標簽的未終止字符串文字錯誤

Question

我有以下代碼片段，這些代碼片段給了我無限的字符串文字錯誤

$(function() {
             $('#addDropdown').click(function() {
             var $d = $('{{ form |bootstrap }}').fadeIn().delay(1000);   
             $('#dropdownContainer').append($d);
             });
             });

我查看了未終止的字符串文字問題，發現這是因為多行問題。我的{{form | bootstrap}}有多行代碼，如問題中所述。因此，我該如何處理該問題

Answer 1

通常，要與JavaScript一起使用，應使用|escapejs過濾器：

var $d = $('{{ value|escapejs }}');

但是，作為最佳實踐，您最好將{{ form|bootstrap }}放入HTML中，並使用JavaScript來淡入：

<div id="djangoForm" style="display:none">{{ form|bootstrap }}</div>
<script>
    $('#addDropdown').click(function() {
         $('#dropdownContainer').append($('#djangoForm'));
    }
</script>