如何将Django文本字段传递给html属性并用javascript读取

Question

我想将图片的标题文本从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>

现在我想从javascript中的图片中读取'alt‘标签，以便创建一个漂亮的标题：

$("#portfolio img").click(function() {
var src = $(this).attr("src");
window.alt = $(this).attr("alt");
    alert(window.alt);
    });

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

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

Answer 1

你只需要用引号把它括起来。出于安全考虑，您无论如何都应该使用HTML属性来执行此操作。

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