0

ここで参照しているページを表示できます。

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

ランダムなドメイン名を入力すると、下部に 2 つのボタンが表示されます。最初のボタン (小さい方) は正常に機能しますが、2 番目のボタン (大きい方) は注文をショッピング カートに追加しません。

最初のボタンのコードは次のとおりです。

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

動作しない 2 番目のボタンのコードは次のとおりです。

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

画像が使用されるように、最初のボタンを2番目のボタンに置​​き換えようとしているだけですが、2番目のボタンが正しく機能しないようです。私は何を間違えましたか？を に変更し、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 に答える