Question

在以下示例页面中：

http://thevioletvixen.com/authentic-corsets/flowered-brocade-curves-green/

我有以下代码中包含的“立即购买”和“SIZING HELP”按钮：

<div id="container">
   <div style="float: left; width: 20%; margin-top: 5px; margin-right: 10px;">    
       <input type="submit" class="btn add-to-cart AddCartButton" value="BUY NOW" />
   </div>    
   <div style="float: right; width:20%; margin-top:5px;">
        <input type="submit" class="btn add-to-cart AddCartButton sizingHelp" value="Sizing Help" onclick="AddShoppersWidget.API.User.track('Find_size_btn_clicked'); window.location.href='http://thevioletvixen.com/sizing-help/';">
   </div>
</div>   
<div class="clear"></div>

但是，当有人试图点击“SIZING HELP”按钮时，会显示“立即购买”按钮的错误消息，因为没有选择任何尺寸或选项。

如何出现此干扰错误？我试图破解这个解决方案，这样可能有更好的方法让按钮内嵌每个按钮并且不包含在一个div中，如果这导致了问题？

感谢您的所有帮助和建议。

Answer 1

就像@MaxMastalerz在他的评论中所说，你可能在两个按钮上都有一个click事件。

例如，如果您有类似的内容：

$(".add-to-cart").click(function() {
    if(/* no size or options have been selected */) {
        alert("Error: No size or options have been selected.");
    }
});

确保为点击查找您的事件监听器，并查看触发它的内容（即，它是$(".add-to-cart")还是$(".btn")，因为它们存在于两个按钮中？）和确保特定于“立即购买”按钮。

希望这有帮助！

编辑：正如@AdityaPonkshe在评论中所说，这不是HTML / CSS错误。内联按钮与他们的点击事件没有任何关系。

内联输入类型=“提交”按钮似乎重叠点击

1 个答案: