如何使用$(本)中的jQuery插件给ajaxForm(how to use $(this) in

2019-09-28 06:52发布

我在使用给ajaxForm类似字段集3点的形式。 我要的是当一个表单被更新,它应该只更新其父字段集。 什么,现在的情况是,因为我没有一个$(本)变量i不能指定给ajaxForm,我只想更新提交的表单:

$(".toggle-form-submit").parents("form").ajaxForm({
  dataType: 'html',
  success: function(html) {
    var myForm = $(this);
    console.log(myForm);
    if(myForm.parents("fieldset").find(".replaceable").length) {
      updateReplaceableAndClearAndCloseFormWithin(myForm.parents("fieldset"), html);
    } else {
      longPanelUpdateReplaceableAndClearAndCloseFormWithin(myForm.parents("fieldset"), html);
    }
    if( $(".test-categories-list").length) {
      initSortableTestCases();
    }
  }
});

显然myForm的是响应对象。 我想是当前表单的jQuery选择,以便它可以找到它的父母。 我不能设置在给ajaxForm实例所以我应该在哪里设置$(本)/ myForm的变量?

Answer 1:

假设你正在使用这个jQuery的Ajax形式的插件,成功方法的第四个参数将是jQuery的包裹这是在行动的形式:

http://jquery.malsup.com/form/#options-object

所以这应该工作:

$(".toggle-form-submit").parents("form").ajaxForm({
  dataType: 'html',
  success: function(html, status, xhr, myForm) {    
  console.log(myForm);
  if(myForm.parents("fieldset").find(".replaceable").length) {
    updateReplaceableAndClearAndCloseFormWithin(myForm.parents("fieldset"), html);
  } else {
    longPanelUpdateReplaceableAndClearAndCloseFormWithin(myForm.parents("fieldset"),     html);
  }
  if( $(".test-categories-list").length) {
    initSortableTestCases();
  }
 }
});


文章来源: how to use $(this) in jquery ajaxform plugin