如何将Django textfield传递给html属性并使用javascript读取

我想将图像的标题文本从django模板传递到javascript。 这是html代码的相关部分：

<ul id="portfolio">
  {% for picture in gallery_selected.photo_set.all %}
    <li><img src={{ picture.path }} alt={{ picture.caption }}></li>
  {% endfor %}
</ul>

我还没有创建标题，我只是想测试是否传递了标题文本（使用alert函数）。 但是，警报仅显示标题文本的第一个单词。一旦字符串中出现空格，其他所有内容都将被忽略

---

有人知道我如何解决这个问题吗？

你只需要用引号括起来。为了安全起见，无论如何都应该使用HTML属性来实现这一点

<img src="{{ picture.path }}" alt="{{ picture.caption }}">

<img src="{{ picture.path }}" alt="{{ picture.caption }}">