jquery - 将 django 模板文件包含在 Jquery html 中

Question

我正在尝试重新加载之前包含以下内容的 DIV。

<div id="mydiv">{% include "comments/comments.html" %}</div>

当我点击按钮时我想做的是这个；

$('#mydiv').html('{% include "comments/comments.html" %}</div>

但是将 django 标签放入 jquery html 函数中会让 javascript 非常不高兴。我知道这可以用 .load() 来解决，但这意味着我必须重写我的整个逻辑，这会破坏其他东西。

Answer 1

使用模板文字并考虑到您的发布日期，它们在ES5中将被称为模板字符串。

Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. They were called "template strings" in prior editions of the ES2015 specification.

Template literals

当您从 HTML 文件粘贴 HTML 代码时，JQuery 不断中断，因为它接受字符串而不是 HTML，并将 " 或 ' 放在 { % include ... %} 将从 comments.html 中的任何相同字符中断。在 comments.html 文件周围加上反引号，然后导入它在 JQuery 方法中使用 Django。

`<div id='mainpanel{{ i.id }}' class='panel panel-default'>
   <div class='panel-heading clearfix'>
      <b class='panel-title'>{{ i.itemfullname|escapejs }}</b>
      <a id='close{{i.id}}' class='btn btn-default btn-sm pull-right'>X</a>
   </div>
<div>`