jQuery ajaxForm“ h未定義”問題

Question

我有一個用ajaxed模式顯示的表單，用於更新用戶詳細信息。 當模式加載時，我調用js函數：

teamCreate: function() {
$j("#step1,form#createEditTeam").show();
$j("#step2").hide();
var options = {
 type: "get",
 dataType: 'json',
     beforeSubmit:  before,  // pre-submit callback 
     success:       success  // post-submit callback
  };
$j("form#createEditTeam").ajaxForm(options);

function before(formData, jqForm, options){ 
 var valid = $j("form#createEditTeam").valid();
 if (valid === true) {
  $j(".blockMsg").block({ message: $j('#panelLoader') });
      return true; // submit the form
 } else {
  $j("form#createEditTeam").validate();
  return false; // prevent form from submitting
 }
};

function success(data){
 if (data.status == "success") {
  $j(".blockMsg").unblock();
 } else {
  //
}
};

function error(xhr, ajaxOptions, thrownError){
alert("Error code: " + xhr.statusText);
 };
}

當我第一次提交表單時，無論打開和關閉模態多少次，這都很好。 但是，如果我提交表單，然后再次打開模式，然后嘗試再次提交表單，則會收到js錯誤：

h is undefined

Answer 1

為了更快地調試它，我強烈建議將JQuery庫的縮小版本替換為完整版本，然后再次運行代碼。 您將很難使用最小版本來找出問題的根源，但是，如果您運行的是完整版本，則肯定會發現調試起來更容易。 變量和函數名更有意義。