0

フォームを送信するスクリプトを作成し、「カートに追加済み」を示すダイアログを開きます。FFで活躍。Chrome はカート ページにリダイレクトしますが、IE は何も送信せず、何もしません。

<script type="text/javascript">
var productId  = {{ product.vid }};
var addUrl = "http://shop.com/cart/add/" +productId+ "/?quantity=";

jQuery(document).ready(function(){
bakVormAsset("#formProduct");
});

function bakVormAsset(product){
jQuery(product + " #formProductQuantity").val("1");
jQuery(product + " #formProductQuantity").keyup(function () {
var val = jQuery(product + " #formProductQuantity").first().val();
});

jQuery(product + " .opener").click(function(event) {
event.preventDefault();
 $.get($(this).attr('href'), function(data, status) {
   var val = jQuery(product + " #formProductQuantity").first().val();

      // Go to page
      window.location.href = addUrl + val;
         $( "#dialog" ).dialog( "open" );
      return false;
 });
 }
 </script>

そして、私のフォームは次のようになります。

 <form class="formProduct" id="formProduct" action="#" method="post">
 <input type="text" name="quantity" id="formProductQuantity" value="{{ product.stock.minimum }}" />
 <a class="button blue opener" href="" title="{{ 'Add to cart' | t }}"><span>{{ 'Add to cart' | t }}</span></a>
 </form>

私を助けてください

編集 私が言及するのを忘れていたのは、フォームが送信されたとき、ユーザーは同じページにとどまり、「カート」ページにリダイレクトされないようにする必要があるということです。

4

1 に答える 1

1

http://jquery.malsup.com/form/

ajax などを介してフォームを送信する場合は、このプラグインを使用する必要があります。

そして、Complete Method では、やりたいことが何でもできます。

jQuery(product + " .opener").click(function(event) {
     event.preventDefault();
       var options = { 
           success:       function(){
                                $( "#dialog" ).dialog( "open" );
                          }  // post-submit callback 
     };

    $('#myForm2').ajaxSubmit(options); 

 });

フォームのアクションを指定する必要があります。このフォームを送信する必要があるアクション。

于 2012-06-06T10:18:57.187 に答える