使用jQuery提交表單后隱藏一個div？

Question

我在表單提交按鈕上使用onclick函數來隱藏div。 但它沒有隱藏。 做這個的最好方式是什么？ 提交表單后，我想在頁面上隱藏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 ready事件包裝代碼。
• 你有錯別字。
• 提交功能有效，並且您得到了新頁面，因為您沒有阻止默認設置。

防止這種情況：

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