django 模板标签的未终止字符串文字错误

Question

我有以下 sn-p 代码，它给了我未终止的字符串文字错误

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

我看过unterminated string literal的问题 发现是因为多行问题。我的 {{ 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>