0

您可以在此处查看我所指的页面：

http://portal.escalatehosting.com/cart.php?a=add&pid=9

只需输入一个随机域名，然后您会在底部看到 2 个按钮。第一个按钮（较小的）正常工作，但第二个按钮（较大的）没有将订单添加到购物车。

这是第一个按钮的代码：

<input type="button" value="{$LANG.checkout} &raquo;" class="checkout" onclick="addtocart();" />

这是第二个不起作用的按钮的代码：

<input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();" />

我只是想用第二个按钮替换第一个按钮，以便使用图像，但似乎无法让第二个按钮正常工作。我做错了什么？我将其更改type为image并添加了一个src.

4

4 回答 4

2

而不是改变 type 和 src 只是添加样式到它

<input type="button" style=" background: url('someimage.jpg') no-repeat; width:100px;height:30px; border:none;" />
于 2013-11-12T03:50:04.267 回答
1

这里的问题是因为简单input type="BUTTON"不提交表单，input type="IMAGE"但是

因此，如果您检查实际调用的内容，您将看到：

  1. 按图片，addtocart 被调用
  2. addtocart 正在尝试执行 ajax 请求
  3. 浏览器提交表单，所有ajax请求被中断

这就是为什么它不起作用

为了使它起作用，将您的代码更改为：

<input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();return false;" />
于 2013-11-12T03:52:03.133 回答
0

我认为你误解了每个人的作用

<input type="image" src="my/path" />

这与<input type="submit"/>. 它用于提交表单。type="image"只需使用图像而不是按钮。

你想要的是让你的onclick事件被解雇。它可能与您的表单提交冲突。所以你需要使用图像标签

<img src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();" />

onclick实际上，您可以将事件绑定到任何对象。让您的表单同时提交是行不通的。

于 2013-11-12T03:51:40.597 回答
0 
<input type="button" style="background:url(http://www.escalatehosting.com/images/continueorder.jpg) no-repeat; width:600px; height:100px; border: 0px;" class="checkout" onclick="addtocart();" />

保留您使用宽度和高度进行的一些设置，直到它看起来正确并且这应该可以工作。

我个人更喜欢css属性而不是源代码。

于 2013-11-12T03:54:36.380 回答