无法关闭 div

Question

所以由于某种原因，这个小脚本在前端给出了一个小错误（它在后端没有给出错误）。所以下面我已经说明了 3 种选项颜色。 Alle 在前端工作正常，但如果您位于最后指定颜色的产品页面（在本例中为绿色），则提供给该 div 的 URL 不会在 div 之后关闭，但它会在下面的 div 上继续。因此，下面的每个 div 都将具有相同的 URL，而不仅仅是应有的 div。其他两种颜色不会出现此错误，因此仅在脚本中的最后一种颜色出现。知道发生了什么吗？

{% if product.title contains "Circle" and product.type == "T-shirts" %}

<a href="/products/black-circle-t-shirt">
{% if product.title contains "Black" %}<span class="black highlightcolor"></span> 
{% else %}<span class="black"></span></a>{% endif %}  

<a href="/products/orange-circle-t-shirt">
{% if product.title contains "Orange" %}<span class="orange highlightcolor"></span>
{% else %}<span class="orange"></span></a>{% endif %} 

<a href="/products/green-circle-t-shirt">
{% if product.title contains "Green" %}<span class="green highlightcolor"></span>
{% else %}<span class="green"></span></a>{% endif %} 

{% endif %}

Answer 1

目前，您在所有情况下都打开了 <a> 标签，但只在 else 块内关闭它们——这意味着大多数时候您会遇到不匹配的标签。

将所有三个结束 </a> 移到条件之外：

<a href="/products/black-circle-t-shirt">
  {% if product.title contains "Black" %}
    <span class="black highlightcolor"></span> 
  {% else %}
    <span class="black"></span>
  {% endif %}
</a>