使用jQuery提交表單後隱藏div？

我在表單提交按鈕上使用了onclick函數來隱藏div。但它並不隱藏。做這個的最好方式是什麼？提交表單後，我想在我的頁面上隱藏一個div。使用jQuery提交表單後隱藏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>

來源

2012-05-06 arboles

您正在使用AJAX提交表單？ – Musa

也許是因爲'hide_group_posts'是在按鈕之後聲明的？無論如何，如果你使用jQuery，不要使用內聯代碼。 – gdoron

我不使用ajax提交表單，我必須使用ajax嗎？ – arboles

$('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;   
});

來源

2012-05-06 00:45:10 gdoron

我試過這個，它不工作。順便說一句，我沒有使用Ajax來提交表單，所以我必須使用Ajax來實現這個功能嗎？ – arboles

是使用ajax提交表格，否則我不認爲你提交表單時隱藏div的任何理由。 – Yasir

工作。謝謝！我需要防止默認 – arboles

使用jQuery提交表單後隱藏div？

回答

相關問題