Liquid:对aria扩展属性使用动态变量

Question

我有一个带有标签的液态页面。这是下拉菜单的一个元素，所以它可以展开。为此，我想添加aria-expanded属性。

场景-用户悬停菜单项:aria-expanded=true，模糊aria-expanded=false。aria-expanded应该是动态的

我的片段:

<li>
{% assign menuExpanded = false %}
<a class="ch-wp-menu-item-link" 
href="{{item.value}}"
onclick="return cityHiveMenuItemLinkClicked(event)"
onmouseover={% assign menuExpanded = true %}
onblur="{{menuExpanded = false}}"
aria-expanded="{{menuExpanded}}">
My menu item
</a>
</li>

我面临的问题是，我不能只使用<script>标签，在那里创建一个变量，然后在模板本身使用它。

这里有什么解决方案呢?谢谢你！

Answer 1

添加以下代码行，它对我有效。attr.aria-expanded="{{menuExpanded}}"