JQuery表单回调函数

Question

我一直在努力解决我认为是一个简单的 JQuery 选择器问题，但我已经搞乱它有一段时间了，似乎无法获得所需的结果。

我有一个包含多个 li 的无序列表，每个 li 都是包含表单元素的隐藏 div 的同级；所以我基本上在一个页面上有多个表单。在不使用 ID 或其他类的情况下，我希望能够在提交相应表单时“隐藏”或“slideUp”当前“隐藏”div 元素。

//if(data == "感谢您的提交。我们的代表将尽快与您联系。"){ '关闭包含 div 的表单' }

任何帮助将不胜感激。可以在此处查看该网站和问题的实时版本:http://clients.jayjodesign.com/executive-council/staging/events.php

Answer 1

您在 post 方法的成功处理程序中使用 $(this)，其中 this 不会指向正在提交的form。您应该将 this 实例存储到局部变量中，然后在成功处理程序中使用它。试试这个

$(".event-form").submit(function(event) {
                var $form = $(this);
        var action = $form.attr('action'),
            $fields = $form.serializeArray();

        $.post(action, $fields, function(data, textStatus, xhr) {

            alert(data);

            if(data == "Thank you for your submission. A representative will contact you soon."){

                $form.parent('div.right-column').slideUp();

            }

        });

        return false;
    });