首页 > 解决方案 > 将 jquery 从 3.3.1 分钟更新到 3.5.1 后表单不起作用

问题描述

我有一个与 jquery-3.3.1.min.js 一起工作的表单现在我想与 bootstrap 和 jquery-3.5.1.js 一起工作,但表单不工作。这两个文件都在工作,但引导程序有一些问题。

我发送电子邮件的代码如下:

    // Contact form
var form = $('#main-contact-form');
var button = $('.btn-flat');
form.submit(function(event){
    event.preventDefault();
    var form_status = $('<div class="form_status"></div>');
    var data_to_send = {};
    $("form .col-sm-12").each(function(){
        data_to_send[$(this).find(".form-control").attr("name")] = $(this).find(".form-control").val();
    });

    $.ajax({
        url: $(this).attr('action'),
        method: "POST",
        data: data_to_send,
        beforeSend: function(){
            form.prepend( form_status.html('<p style="padding:10px;"><i class="fa fa-spinner fa-spin"></i> Sending ...</p>').fadeIn() );
        }
    }).done(function(data){
        form_status.html('<p class="text-success">' + data.message + '</p>');
        if(data.type=="success"){
            $(button).hide(500);
            $("form .col-sm-12").hide(500);
        }
    });
});

标签: jquery

解决方案


推荐阅读