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 库的缩小版换成完整版，然后再次运行您的代码。使用缩小版您很难找出问题的根源，但如果您运行完整版，您肯定会发现更容易调试。变量和函数名称会更有意义。