目前,我正尝试在我的网页上的下拉菜单中添加购物车链接。代码如下:
<ul>
<a href="<%= cart_path %>">
<li id="link-to-cart" data-hook>
<%= link_to_cart %>
</li>
</a>
<a href="<%= checkout_path %>">
<li>
Check Out
</li>
</a>
</ul>
这适用于结帐路径,但不适用于购物车。我们的想法是将整个<li>
链接到正确的位置,以便用户可以更轻松地完成点击文本。呈现的内容显示在下面的屏幕截图中:
我目前的假设是锚标记不能被另一个锚标记封装,这导致显示的内容。但是,这并不能解释为什么生成的HTML中有三个锚标记到/ cart。我该如何解决这个问题?或者,我可以通过link_to_cart
以外的其他方式检索购物车信息,例如商品数量和小计吗?