时间戳

首页 > 解决方案 > 如何使整个 div 可点击并在 Django 模板中放置一个动态 url？

html - 如何使整个 div 可点击并在 Django 模板中放置一个动态 url？

问题描述

我正在尝试显示一个帖子（如 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 line），但奇怪的是给出了不同的错误。而且我没有在这部分代码中使用 javascript。

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

在此处输入图像描述

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

在此处输入图像描述

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

标签： htmldjangodynamicdjango-templates

解决方案

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

如果由于任何原因onclick='location.href="{% url 'post' post.id %}";'不起作用，请使用此onclick='location.href="post/{{post.id}}";'

推荐阅读