如何使整个 div 可点击并将动态 url 放入 Django 模板中？

Question

我正在尝试显示一个帖子（就像 Twitter 中的一条推文），当我显示它时，我希望整个 div 都可以点击。 所以这有效。 网站正在按照我想要的方式使用此代码；

<div onclick='location.href="{% url 'post' post.id %}";' style="cursor: pointer;"> 
  <a href="#"> some other links </a> // it will take user to another page
  <img src= "" > //some image
  <p> some content </p>
  <a href="#"> some other links </a>
</div>

但它在终端（VScode）中给了我一些警告，每个错误都显示相同的东西（div onclick 行）但奇怪地给出了不同的错误。 而且我在这部分代码中没有使用 javascript。

我尝试了不同的语法，例如将“”更改为“”。 但这并不能解决问题。

同样在代码中，它显示了红色的线，如下所示，如果它有助于找出问题所在。

任何意见，将不胜感激。 提前致谢。

Answer 1

您的代码绝对正确，请忽略 VScode 的警告和红色下划线。 有红色下划线是因为默认情况下语言模式是 HTML 因此有时使用''和""会显示错误但根据Django Templating Engine

如果出于任何原因onclick='location.href="{% url 'post' post.id %}";' 不工作使用这个onclick='location.href="post/{{post.id}}";'

Answer 2

在你的“div”标签之前，放一个“a”标签并给它url。你不需要多次重复url。

例子：