我有以下代码片段,它给出了未终止的字符串文字错误
$(function() {
$('#addDropdown').click(function() {
var $d = $('{{ form |bootstrap }}').fadeIn().delay(1000);
$('#dropdownContainer').append($d);
});
});
我看了unterminated string literal个问题 并发现这是因为多行问题。我{{form | bootstrap}}有多行代码,如问题所述。那我该如何处理这个问题
答案 0 :(得分:8)
通常,要与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>