模态不显示仅背景出现

Question

This is my HTML code for the edit button. When I click the edit button there's no modal poping up.

 <div class="modal fade" id="editModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit record</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <input type="hidden" id="editid" name="id" class="form-control">
                    <input type="text" id="editname" name="name" class="form-control">
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" onclick="editModal(event)" class="btn btn-primary">Save changes</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Here's the code for the second modal when you click the save changes.

 <div class="modal fade" id="confirmationModal1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form action="php/edit_client.php" method="post">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Confirmation</h4>
                </div>
                <div class="modal-body">
                    Are you sure you want to edit this client?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary" onclick="validateForm()">Save</button>
                </div>
            </div> 
        </form> 
    </div>
</div> 

This is the javascript for the modal to show up.

 function validateForm(e) {

  }

  function editModal(event) {
    $("#editModal").modal("show");

    focusedid = e;
    identifier = focusedid.split('-')[1];

    $("#editid").val( $("#id-" + identifier).val() );
    $("#editname").val( $("#name-" + identifier).val() );
}

Answer 1

well seeing your code, maybe it is your browser version or is running a jquery before another, I had a similar problem, another project worked the following:

$('#editModal').on('show.bs.modal', function (event) { //here goes the modal id
  var button = $(event.relatedTarget) // Button that activated the modal
}  var modal = $(this)
  $('.alert').hide();
})

but in a different version, or so I think, modify my code to the following one:

$("#btn_show_modal").click(function(){ //here goes the button id that activates it
    $("#editModal").modal("show"); //here goes the modal id
});

but before, the button put the following code:

<a data-toggle="modal" data-target="#editModal"> //where is the link to modal, and data-targat indicates to which modal id references. practicamente, la etiquieta a indica el vinculo a el modal, incluso puedes colocar ese viculo a el boton para ahorrar codigo.
    <button type="button" value="Modal"/> //default button
</a>

Preferably if you speak Spanish translate until the comments to understand it. Good luck.

//De preferencia si hablas español traduce hasta los comentarios para entenderlo. Buena suerte.