Skip to main content
3 de 3
Commonmark migration

Hay forma de abrir un modal a través de un id y un modal con ese id de referencia. En cambio lo que haces es activar funcionalidad tras el evento, pero el navegador continua con la redirección debido a que no estás deteniendo la propagación del mismo, puedes consultar una respuesta donde hablo de la propagación de los eventos: https://es.stackoverflow.com/a/1781/729.

Para detener el comportamiento natural de un evento debes tomar en cuenta 2 cosas:

event.preventDefault(): Si este método es llamado, la acción default del evento no será activada / lanzada.

event.stopPropagation(): Previene la continuidad del evento (bubbling) por medio de árbol del DOM, previniendo que cualquier otro elemento padre sea notificado.

Te recomiendo leer el siguiente documento que habla sobre el bubbling: Eventos bubbling y JQuery - Arquitectura Java.

Tomando lo ya anterior mencionado, podrías probar con detener en tu clic la propagación del evento.

$(document).ready(function () {
    $(document).on('click', '#modalAboutButton', function (e) {
        e.preventDefault();
        e.stopPropagation();
        var $modal = $('#aboutModal');
        $.get('/About/Index2', function (resp) {
            $modal.html(resp).foundation('reveal', 'open');
        });
    });
});
Chofoteddy
  • 6.2k
  • 7
  • 30
  • 65