Question

我真的很困惑，也不知道错误的标题是否错误。如果认为我需要更新它让我知道。

好吧，我有一个模态，里面有一个表格。

<center>
    <button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#formcrearcliente">Crear nuevo cliente</button>
</center>
<br><br><br>
<div id="formcrearcliente" class="modal fade" role="dialog">        
    <div class="modal-dialog" style="background-color:black;">
        <div class="modal-content" style="background-color:black;">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal">&times;</button>
               <h4 class="modal-title">Crear nuevo cliente</h4>
            </div>
            <div class="modal-body">
                <div id="formcreateclient">
                    <form  enctype="multipart/form-data" id="projectclient" name="myFormClient">
                        <input type="hidden" name="_token" value="{{ Session::token() }}">
                        <div class="form-group">
                          <label name="name">Name:</label>
                          <input type="text" id="nameClient" name="nameClient" placeholder="Generalitat de Catalunya" class="form-control form-control-sm">
                          <label name="slug">Slug:</label>
                          <input type="text" id="slugClient" name="slugClient" placeholder="generalitat-de-catalunya" class="form-control form-control-sm"><br>
                          <label name="priority">Priority</label>
                          <input type="number" id="priorityClient" name="priorityClient" class="form-control form-control-sm">
                          <input type="hidden" id="project_id">
                          <input type="submit" value="Crear Cliente" id="createclientsubmit" class="btn btn-danger btn-md">
                          <br><br><br>

                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

有这个ajax代码：

    $("#myFormClient").submit(function(e){
        e.preventDefault();
        var formData = new FormData($(this)[0]);
        $.ajax({
            url:'/admin/clients/postUpload',
            type:'POST',
            data: formData,
            success: function(){
                $("#formcrearcliente").fadeOut(1000);
                $("#clienteproject").fadeOut(1000);
                $("#donecreate").fadeIn(1000);

            },
            cache: false,
            contentType: false,
            processData: false
        });
        return false;
    });

当我提交按钮时，ajax查询执行得很好。（Controller使她能够在数据库上创建新数据。）

但是，渐渐失败了。任何人，只会消失模态，但不能点击网络。它就像模态在所有页面中都是不可见的。

如果需要我重新提出问题，或需要更多信息，请询问。

非常感谢。

Answer 1

我假设您使用的是Bootstrap模式。您应该在成功ajax之后放置$().modal('hide')。

$("#myFormClient").submit(function(e){
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        url:'/admin/clients/postUpload',
        type:'POST',
        data: formData,
        success: function(){
            $("#formcrearcliente").modal('hide');
        },
        cache: false,
        contentType: false,
        processData: false
    });
    return false;
});

在提交表格时，莫代尔不会消失

1 个答案: