Question

我有一个通过javascript提交时会消失的表格。现在，我想显示一个div，就像一条感谢消息，它在表单消失而不是在表单消失时显示。我曾尝试这样做，但我仍在学习中，无法解决。我试图包含一个“ $（'＃thanks'）。show（）;”隐藏命令之后，但这没有用。我也想知道我需要在哪里放置最初隐藏的div。任何帮助表示赞赏。：）

这是我的脚本：

<script>

  $(function () {
    $('#contact').on('submit', function (e) {
        var self = this; 
        e.preventDefault();
        $.ajax({
            url: $(this).attr('action'), 
            method: $(this).attr('method'),
            data: $(this).serialize(),
            success: function () {
                 $(self).hide(); successful 
            },
            error: function () { alert('Failed to send email'); }
        });

    });
 });
</script>

Answer 1

首先打开您的控制台（devtools），然后检查是否：

$('#thanks').show();

显示div。

还要检查您的#thanks元素是否不在您的#contact元素内。添加

$('#thanks').show();

在成功方法中应该可以使用。

如果表单成功，则使用javascript显示div

1 个答案: