jquery - SlideUp 单个元素

Question

我正在使用 jQuery/Ajax 脚本来提交表单而无需重新加载页面。我的页面上有多个表单，它们都具有相同的类(并且没有 ID)。使用以下方式提交表单效果很好:

    $('document').ready(function()
{
    $('.form').ajaxForm( {
        success: function() {
            //$('.form').addClass("clicked");
            //$(this).slideUp('fast');
        }
    });
});

但是，一旦我想在提交成功后执行某些操作，似乎就没有办法引用已提交的表单。使用 this 运算符是有意义的，但它不起作用。我想做这样的事情:

$(this).slideUp('fast');

分别针对每个元素，具体取决于提交的表单。 (使用 .form 作为选择器不起作用，因为它隐藏了所有表单)。

我尝试向表单添加一个类(尽管似乎也无法引用正确的元素)，然后用于调用 SlideUp 函数。

谢谢

Answer 1

您正在使用的 ajaxForm 插件在成功回调中提供了对表单的引用:

success: function (responseText, statusText, xhr, $form) {
    $form.slideUp("fast");
}

文档:http://jquery.malsup.com/form/#ajaxForm

如果您没有使用此插件，则必须自己维护该引用。一种流行的方法是通过将适当的 this 分配给诸如 self 之类的内容来保留对它的引用:

$(".form").on("submit", function () {
    var self = this;
    $.ajax({
        success: function () {
            $(self).slideUp();
        }
    });
});