Javascript 使用jquery.min.js后按钮不工作

我们建议使用下面的代码来显示图标而不是文本，但在使用下面的代码之后，主要是Jquery.min.js现在“添加到购物车”按钮不起作用

$（文档）.ready（函数（）{
var内部=数组（）；
内部=$（“.product options ul.options-list.label>label”）；
对于（i=0；i

主控制台错误：

未捕获类型错误：无法读取未定义的属性“submit” 在HTMLButtoneElement.onclick下一行代码处

<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>

添加到购物车

编辑

当我们不加载jquery时，

添加到购物车

按钮工作正常，因为

找到了问题伙伴！：）

我在您的HTML中发现了几个jquery.min.js脚本调用实例，我不确定您为什么要这样做，但这会导致

$.noConflict（）

无法工作，这不会覆盖jquery和Prototype在同一页面上工作的正常行为

这是我删除的内容的屏幕截图

从HTML中删除了

标记的所有实例，但第一个实例和第一个jquery.min.js脚本调用除外

祝你好运

**更新**

---

正如OP所关注的，这是在magento中运行的，并且严格需要上面图片中的代码。因此，在jQuery.min.js脚本调用之后放置一个

var jQuery=$.noconclit（）

，并在

文档中将
$
替换为
jQuery
。ready

函数解决了这个问题

控制台中有错误吗？添加标记…如果您可以创建一个Fiddle，那么您发布了一些与“添加到购物车”按钮无关的代码。无论如何，当按下单击时，您有一个未定义的无法读取属性“submit”。添加到购物车按钮选择器正确吗？这实际上不是jQuery的错误，而是您的代码本身。我试图从索引文件中删除jquery脚本。我使用fiddler调试器来执行此操作，但仍然遇到相同的问题，您应该隔离错误以加快调试速度。即使在控制台中启动

productAddToCartForm

，也会产生一个未定义的对象，我只能为自己说话，但我感觉其他人会同意这个想法。我不会单击任何指向具有非默认端口的internet地址的链接。另外，如果你真的阅读@empiric提供的评论和链接，它会告诉你，我们希望所有相关代码都在问题本身中，而不是在第三方网站上。我使用fiddler进行了尝试。我打赌它会工作，但这取决于你将如何做。为什么要嵌入图像？只需粘贴文本。另外，首选的图像主机是Imgur，编辑器中甚至有一个方便的上传按钮。…。@Mr.polywhill我实际上没有嵌入图像，我使用了screencast，对此不确定。对不起，我很抱歉地告诉您，您告诉我在

之前使用

，除了我无法看到与原始代码相比的任何更改外，您能告诉我需要替换哪些代码吗？只需找到

标记，它只包含jquery.min.js脚本调用和一个准备好的文档。干脆把它全部去掉。那就这样了

<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>