如何将效果“隐藏(“慢")"添加到 PHP 中的 div 而 [英] how to add effect 'hide ("slow")' to div inside a PHP while
本文介绍了如何将效果“隐藏(“慢")"添加到 PHP 中的 div 而的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个在 PHP 中名为formscontainer"的 div 中重复多次的表单,而我想让一个表单提交,它们各自的 div 消失了效果隐藏(慢")
I have a form that is repeated several times within a div called "formscontainer" in PHP while, I want to make a form submit with their respective div disappears the effect hide ("slow")
这里是示例代码
<script type="text/javascript">
$(function() {
$("form").each(function() {
$(this).validate( {
submitHandler: function(formbeingsubmitted) {
$.post('process.php', $(formbeingsubmitted).serialize(), function(data) {
$('#results').html(data);
$ (formbeingsubmitted).hide("slow");
});
}
});
});
});
</script>
</head>
<body>
<?php do { ?>
<div id="formscontainer">
<form method="post" id="form1">
<label for="name" id="name_label">form </label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<input type="submit" name="submit" value="SEND">
</form>
</div>
<div id="formscontainer">
<form method="post" id="form1">
<label for="name" id="name_label">form </label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<input type="submit" name="submit" value="SEND">
</form>
</div>
<div id="formscontainer">
<form method="post" id="form1">
<label for="name" id="name_label">form </label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<input type="submit" name="submit" value="SEND">
</form>
</div>
<?php } while ($row_var = mysql_fetch_assoc($var)); ?>
<div id="results"></div>
</body>
</html>
推荐答案
$(function () {
$("form").each(function () {
var par_div = $(this).closest('div'); //finding the closest div
$(this).validate({
submitHandler: function (formbeingsubmitted) {
$.post('process.php', $(formbeingsubmitted).serialize(), function (data) {
$('#results').html(data);
$(formbeingsubmitted).hide("slow");
par_div.hide('slow'); //hide the div
});
}
});
});
});
你也可以使用
$(this).parents('div');
而不是 $(this).closest('div');
但是这个 $(this).closest('div');
更快
这篇关于如何将效果“隐藏(“慢")"添加到 PHP 中的 div 而的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文