Question

我试图在Django中使用Jquery创建一个div，但是我收到以下错误 -

无法解析余数：'\'product-images /'来自'\'product-images /'

$("<div id = product" + i + "left  class = product-cards-left> <a href=\'{% static \'product-images/ " + obj.image_caption +  " \' %}\' data-lightbox=\'image-1\' data-title=\'My caption\''>Image #1</a> </div>").appendTo('#product' + i)

基本上我有一个id然后跟着一个“a”标签。

如何解决此问题？

最新代码： -

$("<div id = product" + i + "left  class = product-cards-left>  <a href={\% static \'product-images///" + obj.image_caption + "' \%}\'      >Image #1</a> </div>").appendTo('#product' + i)


<div id="product0left" class="product-cards-left">  <a href="{%" static="" 'product-images="" 10000_books'="" %}'="">Image #1</a> </div>

“product-images”和“1000_books”之间的“/”未添加

Answer 1

我不建议使用jQuery来构建您的页面。 Dom操作非常繁重，Django在这方面更好/更快。

另外我建议先拆分你的div和链接（特别是在调试过程中）：

var div = $('<div>', {
  id: 'product' + i + 'left',
  class: 'product-cards-left'
});

$('<a>', {
  href: '{{STATIC_URL}}/product-images/{{obj.image_caption}}',
  'data-lightbox': 'image-1',
  'data-title': 'My caption',
  text: 'Image #1'
}).appendTo(div);

div.appendTo('#product' + i);

模板语法错误 - 无法解析剩余部分

1 个答案: