Question

我正在尝试从之前重新加载具有以下内容的DIV。

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

当我点击按钮时，我想要做的是这样做;

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

但是将django标记放在jquery html函数中会使javascript非常不满意。我知道这可以通过.load（）来解决，但这意味着我必须重写我的整个逻辑，这会破坏其他东西。

Answer 1

使用Template Literals并给出您的发布日期，它们在ES5中会被称为Template Strings。

模板文字是允许嵌入表达式的字符串文字。您可以使用多行字符串和字符串插值功能。他们被称为＆＃34;模板字符串＆＃34;在ES2015规范的先前版本中。

Template literals

当你从html文件中通过html代码时，JQuery会一直打破，因为它接收一个字符串，而不是html，而"或'在{% include ... %}附近会被打破comments.html中的相同字符。放回comments.html文件周围的刻度，然后使用django以JQuery方法导入它。

（我不能使用反引号，因为它用于代码所以：` - ＆gt;（bt））

(bt)<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>(bt)

用Jquery html包含django模板文件

1 个答案: