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

jsコード：</ p> 

var productAddToCartForm = new VarienForm('product_addtocart_form');
            productAddToCartForm.submit = function(){
                    if (this.validator.validate()) {
                            this.form.submit();
                    }
            }.bind(productAddToCartForm);

上記は通常の手順です。ボタンをクリックして、フォームを送信してください。ここで、フォームを送信する前に1つのステップを追加したいと思います。ステップはです。ボタンをクリックすると、ダイアログがポップアップ表示されます。ダイアログを閉じると、いくつかのコンテンツが表示されます。次に、フォームを送信します。

1、productAddToCartForm.submit = function(){....}ページにjqueryライブラリがロードされている場合は、jqueryを使用したいのですが、関数にjqueryコードを追加する方法がわかりません。ありがとうございました

4

2 に答える 2

0

編集：これが私の答えのjsfiddleの例です-> jsfiddle

ポップアップ ウィンドウが HTML ページの場合、ボタンのクリック イベントにバインドし、ポップアップを表示/閉じてから、form.submit(); を呼び出すことができます。

ボタンとフォームに ID を指定します。

<form id="myForm" action="/formsubmit.html" method="post"></form>
<button id="submitButton" class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>

次に、jQueryでこのようなことをします

$(document).ready(function () {
     $('#submitButton').click(function (e) {
         e.preventDefault(); //prevent the default action

         //show your popup
         //hide your popup

         $('#myForm').submit(); //submit the form

     });
});

ユーザーがポップアップを閉じるためにクリックするボタンがポップアップにある場合、ポップアップを閉じるために使用される要素のクリックイベントにバインドすることにより、submit 関数を呼び出すことができます。

于 2012-07-13T13:00:05.513 に答える
0

jQueryの show()とhide( ) を使用できます。

  var productAddToCartForm = new VarienForm('product_addtocart_form');
                productAddToCartForm.submit = function(){
                        if (this.validator.validate()) {
                       $("#YourPopUp").show('slow', function() {
                       $('#YourPopUp').hide(1000,'slow', function() {
                       productAddToCartForm.form.submit();
                       });
                       });
                      }       
                    }
                }.bind(productAddToCartForm);
于 2012-07-13T13:02:27.857 に答える