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 回答