jqueryを使用してフォームを送信した後でdivを非表示にしますか？

Question

divを非表示にするために、フォームの送信ボタンにonclick関数を使用しています。しかし、それは隠れていません。これを行う最善の方法は何ですか？私はフォームを提出した後、私のページにdivを隠したいと思っています。

<form action="" method="POST"> 
<input type="submit" onclick="hide_group_posts();"> 
</form> 

<div id='div_i_want_to_hide'> 
<?php include $_SERVER['DOCUMENT_ROOT']."page.php";?> 
</div> 

<script> 
function hide_group_posts(){ 
$('#div_i_want_to_hide').hide(); 
} 
</script> 

Answer 1

$('form').submit(function(){ 
    $('#div_i_want_to_hide').hide(); 
}); 

---

それは、あなたを助けにはならなかった次のいずれかが真でなければならない場合：

• あなたはjQueryライブラリを参照していませんでした。
• DOM準備完了イベントでコードをラップしませんでした。
• あなたにはタイプミスがあります。
• デフォルトを妨げていないため、サブミット機能が働きました。新しいページがあります。このよう

防ぐこと：

$('form').submit(function(e){ 
    $('#div_i_want_to_hide').hide(); 
    e.preventDefault(); 
    // Or with: return false;   
});