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>