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);
    });

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

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

Answer 1

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

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

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

1 个答案: