Jquery 我只能在第二次表单提交后填充隐藏的div

我只能在第二次表单提交后填充隐藏的div。第一次提交后出现错误。为什么？使用jQuery表单插件。有什么想法吗？谢谢

$(document).ready(function() { 
// get ID from the form name:
    $('form').submit(function(e){
     targetNum = this.name;
// call processing page:
    $('#formTarget' + targetNum).ajaxForm({ 
// populate DIV
        target: '#divTarget' + targetNum, 
        success: function() { 
            $('#divTarget' + targetNum).fadeIn('slow'); 
        } 
    }); 
    });
});

<div id='divTarget1'></div>
<form id='formTarget1' name='1' action='process2.asp' method='post'>
<input type='hidden' name='MapaID' value='1'>
<input type='submit' value='OK'>
</form>

<div id='divTarget2'></div>
<form id='formTarget2' name='2' action='process2.asp' method='post'>
<input type='hidden' name='MapaID' value='2'>
<input type='submit' value='OK'>
</form>

<div id='divTarget3'></div>
<form id='formTarget3' name='3' action='process2.asp' method='post'>
<input type='hidden' name='MapaID' value='3'>
<input type='submit' value='OK'>
</form>

$（文档）.ready（函数（）{
//从表单名称获取ID：
$（'form'）。提交（函数（e）{
targetNum=this.name；
//呼叫处理页面：
$（'#formTarget'+targetNum）.ajaxForm（{
//填充DIV
目标：'#divTarget'+targetNum，
成功：函数（）{
$（'#divTarget'+targetNum）.fadeIn（'slow'）；
} 
}); 
});
});

试试这个：

$(document).ready(function() {
    $(':submit').click(function(e) {
        targetNum = $('form').has(this).prop('name');
        $('#formTarget' + targetNum).ajaxForm({
            target: '#divTarget' + targetNum,
            success: function() {
                $('#divTarget' + targetNum).fadeIn('slow');
            }
        });
        return false;
    });
});

---

您可以使用

.load（）

方法进行此操作。

在

submit（）

页面重新加载

return false

语句将停止此页面重新加载。不幸的是，它不起作用，“return false”将停止所有提交。非常感谢Abdullah，它起作用，但没有“return false”行。在第一次提交后，数据不会填充到div，用户可以看到处理页面（process2.asp）不是用表单和隐藏的divs.Rohan来开始页面，而是用.load（）方法来代替这一行：$（'#formTarget'+targetNum）.ajaxForm（{…我问这个问题是出于好奇，因为这个问题似乎是由abudlah.abcoder解决的。你可以试着把它放进去。在这里阅读更多关于.load（）的内容：。我想我正确地回答了你的问题：）