Question

提交后，我希望通过jQuery隐藏提交按钮。它隐藏了，但在页面重新加载后不久......为什么？

HTML：

<!DOCTYPE html>
<html>
<head>

<script src="js/submit_rsvp.js"></script>
<script src="js/jquery-1.2.3.pack.js"></script>
<script src="http://code.jquery.com/jquery-git.js"></script>

</head>
<body>

<form name="rsvp" method="post" action="" id='form'>
<input type='submit' name='submit' value='submit' id='submit' class='clickMe'>
</form>


</body>
</html>

JS：

$(document).ready(function() {
$(".clickMe").click(function() {
$("submit").hide();
});
});

谢谢！库尔顿

Answer 1

当你提交时，页面会重新加载，而且每件事都是正方形的。试试以下。

$(document).ready(function() {
$(".clickMe").click(function() {
$("submit").hide();
return false;
});
});

Answer 2

这是因为它是submit按钮，导致表单生成新的POST查询和要重新加载的页面。添加：

event.preventDefault();

在匿名函数的开头，以覆盖此默认行为。

Answer 3

您的表单操作为空。因此，当您单击提交时，它将仅使用当前页面作为操作。这就是重新加载当前页面的原因。如果您不希望它提交表格，您可以这样做：

$("#form").submit(function(e) {
  e.preventDefault();
  $("submit").hide();
});

提交后隐藏提交按钮？

3 个答案: