Tengo un pequeño problema a la hora de recargar un div
con Jquery.
Tengo un <div>
llamado notificaciones
y dentro de ese <div>
tengo una etiqueta <a>
que cuando hago click en ella me debe mostrar el modal y además recargar el div notificaciones
Mi idea es actualizarlo con JavaScript a la vez que me muestre el modal, pero cuando hago click, el modal se muestra pero no actualiza el div notificaciones
Aquí mi código
JavaScript
function recargarDiv() {
$("#notificaciones").load(" #notificaciones");
}
HTML
<div id="notificaciones">
<a href="#" data-toggle="modal" data-target="#Modal" onclick="recargarDiv()">Mostrar modal</a>
</div>
<!-- Modal -->
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="width=50%;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<!--<div class="modal-header">
<button class="btn btn-danger cerrar" type="button" data-dismiss="modal" aria-label="Close">Cancel</button>
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>-->
<div class="modal-body">
<h1>Prueba</h1>
</div>
</div>
</div>
</div>
Mi problema es que cuando pulso el enlace, el div se recargar pero el modal no lo muestra, solo muestra la pantalla con tonos oscuros que es la que se muestra cuando abres un modal pero en mi caso el modal no se muestra. ¿Alguna ayuda?
Gracias!
#notificaciones
?