我设计了如下的布局:
<>之前+-------------------------------------------+|商品名称1[加入购物车]||产品简介|+-------------------------------------------+|商品名称2[加入购物车]||产品简介|+-------------------------------------------+之前事情是这样做的(简化):
<a href="/product-url">
<span class="left">
<h4>Product Name</h4>
<p>Product Brief</p>
</span>
<span class="right>
<input type="button" id="prod-id" value="add to cart">
</span>
</a>
我希望整个产品块被激活并锚定到产品上,这就是我使用锚定标签的原因。但我也需要"添加到购物车"按钮被激活,无论何时点击。但是第一个锚标记不允许购物车按钮处于活动状态。我尝试了z-index,但是失败了。
我尝试拥抱<div>
而不是JavaScript重定向锚标记,但同样的情况发生了,这就是为什么我回到锚标记拥抱。
我想:
- 让用户进入产品的锚标签
- 添加到购物车按钮(在锚标记内),让用户将产品添加到购物车
您可以使用按钮提交添加到购物车表单,并在完成后重定向到产品页面/在较旧的浏览器中,特别是将an与a混合使用是不可能的。