我只能在第二個表單提交後才能填充隱藏的div。

Question

我只能在第二個表單提交後填充隱藏的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> 

Answer 1

試試這個：

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

Answer 2

可以使用​​方法這一點。