Javascript 内联输入类型=";提交;按钮一点击就好像重叠了
在以下示例页面上: 以下代码中包含“立即购买”和“尺码帮助”按钮:Javascript 内联输入类型=";提交;按钮一点击就好像重叠了,javascript,html,css,Javascript,Html,Css,在以下示例页面上: 以下代码中包含“立即购买”和“尺码帮助”按钮: <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 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>
但是,当您尝试单击“尺寸帮助”按钮时,会显示“立即购买”按钮的错误消息,因为未选择任何尺寸或选项
我怎么会有这种干扰错误?我正在尝试破解这个解决方案,这样可能有更好的方法使按钮与每个按钮内联,而不是包含在一个div中,如果这是导致问题的原因
感谢所有的帮助和建议。就像@MaxMastalerz在评论中说的那样,两个按钮上可能都有一个
点击事件
例如,如果您有以下内容:
$(".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”)
,因为这两个按钮中都有这些按钮。),并确保它特定于“立即购买”按钮
希望这有帮助
编辑:正如@adityaponksher在评论中所说,这不是HTML/CSS错误。将按钮内联与它们的单击事件无关。您可能正在侦听两个按钮中存在的类上的click on事件。为什么两个链接上都有add to cart AddCartButton
类?据我所见,没有HTML/CSS问题,与JS有关欢迎使用堆栈溢出!请在您的帖子中添加一个(不是整个程序或网页)。您必须编辑您的问题并显示您的JS或jquery代码,因为您的邮件靠近$(function(){$(“#62e854e6efdeb7b6ee08095d269553ec”)…@BoulderJoe我的答案有帮助吗?如果有,请接受。如果没有,那么什么不起作用?祝你好运!