necesito que me asesoren como hago para cerrar una venta modal al momento de hacer click a un boton
Estaba probando con myModal.hide()
pero no se cierra
Te pongo un ejemplo de abrir y cerrar modal con los botones. No tengo claro si es lo que quieres, pero quizá te ayude a encontrar lo que buscas.
function cerrarModal() {
$('#fondo-modal').hide();
}
function abrirModal() {
const $modal = $('#fondo-modal');
$modal.show();
$modal.css('display', 'flex');
}
const $botonAbrir = $('#pagina button');
const $botonCerrar = $('#contenido-modal button').eq(0);
// Click en abrir modal
$botonAbrir.on('click', () => {
abrirModal();
});
// Click en cerrar
$botonCerrar.on('click', () => {
cerrarModal();
});
#fondo-modal {
align-items: center;
background-color: rgba(0, 0, 0, 0.54);
display: none;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
#contenido-modal {
background-color: #ffffff;
padding: 16px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="pagina">
<p>Contenido de mi página</p>
<button>Abrir modal</button>
</div>
<div id="fondo-modal">
<div id="contenido-modal">
<h1>¿Seguro?</h1>
<p>¿Seguro que quieres hacer esta acción?</p>
<div>
<button>Cerrar</button>
</div>
</div>
</div>
myModal.hide()
porque ese no es el identificador de tu modal. Si estás usando AJAX, puedes cerrarlo en caso que se cumpla la funcion guardar(e), algo así como$("#add_categoria").modal("hide");