Intento abrir un modal después de un submit, pero el submit se encuentra en un tab-content, y esto me lleva al tab-content por defecto.
Me gustaría que cuando me llevara al tab-content por defecto me mostrara los datos que acabo de introducir en el form anterior. Mostrar los datos no es un problema, mi problema es que se ejecute el modal justo después del submit en el tab-content por defecto
Gracias.
// Esto me lo carga siempre al principio
$(document).ready(function () {
$('#myModal').modal('show');
});
<div class="col">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-preguntas-tab" data-toggle="tab" href="#nav-preguntas" role="tab" aria-controls="nav-preguntas" aria-selected="true">Preguntas frecuentes</a>
<a class="nav-item nav-link" id="nav-denuncia-tab" data-toggle="tab" href="#nav-denuncia" role="tab" aria-controls="nav-denuncia" aria-selected="false">Presente una denuncia</a>
</div>
</nav>
<!-- tab-content -->
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-preguntas">
<div>
<h1>TEXTO</h1>
</div>
</div>
<!-- modal a mostrar -->
<div id="myModal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="memberModalLabel">Modal</h4>
</div>
<div class="modal-body">
<h1>HOLA</H1>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-denuncia">
<form>
<!-- formulario de alta -->
<!-- este es el submit que quiero emplear -->
<button id="submit" class="btn btn-lg btn-secondary btn-block" type="submit" >Enviar</button>
</form>
</div>
</div>