0

私はこのjQueryを持っています

$(document).ready(function(){
  $('#credit_btn, #checkout_btn').click(function(){
    $("#content_container .notice, #content_container .error").remove();
    $('#loading').show();
  });
});

HTML

<div id="loading" style="display: none;">
  <img alt="spinner" border="0" src="/assets/spinner.gif">
</div>
<input class="bigbutton" data-disable-with="One Moment, Processing..." id="checkout_btn" name="commit" type="submit" value="Next Step: Checkout">

回転が表示されないのはなぜですか

  $j('#credit_btn, #checkout_btn').click(function(){
    $j("#content_container .notice, #content_container .error").remove();
    $j('#loading').show();
    return false;
  });

ここで何が起こっているのですか、私にできることはありますか？前もって感謝します

アップデート

このjqueryもテストしました

  $('#credit_btn, #checkout_btn').click(function(e){
    e.preventDefault();
    $("#content_container .notice, #content_container .error").remove();
    $('#loading').show();
    $(this).closest("form").submit();
  });

スピナーは再び表示されませんが、行を削除すると表示され$(this).closest("form").submit();ます...混乱しています...フォーム送信がローダーと関係があるのはなぜですか

4

1 に答える 1

1

これは、フォームが送信され、ページが再読み込みされるために発生します。（フォームから指示されたページが表示されます）

これは通常のブラウザの動作です。現在のページにとどまる必要がある場合は、AJAXを使用してフォームを送信してみてください。

于 2013-01-09T01:15:23.037 に答える