Bootstrap Modal Popup Not Closing

I'm having trouble using a bootstrap modal popup. Calling a popup is no issue, but trying to close it yields strange results. Instead of just hiding the popup and removing the back

Solution 1:

This one worked for me

$('#popupDelete').modal('toggle');

Solution 2:

I'm not sure if this is causing the problem, but there is a typo. It's

<div class="modal-body">

in line 3. There is missing an "l"

Solution 3:

@dreagan, it may be happening like, when you click on open button for example, the popup is created dynamically, So you may be required the close Try this :

$('#popupDelete').close()

OR

$.modal.close();

Refer this How do you close a jQuery Simplemodal?

Solution 4:

There was indeed javascript conficting with the closing of the popup. There was a line of javascript messing with all popups when clicking on a parent container, forcing them open again.

Solution 5:

Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You’ll likely run into issues when nesting a .modal within another fixed element.