无法关闭 div

Question

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

{% 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>

无法关闭 div

Can't close div

if-statement

liquid

shopify