javascript - jQuery ajaxForm "h is undefined"问题

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 未定义

Answer 1

为了更快地调试它，我强烈建议将 JQuery 库的缩小版本替换为完整版本，然后再次运行您的代码。使用缩小版本很难找出问题的根源，但如果运行完整版本，您肯定会发现调试起来更容易。变量和函数名称会更有意义。