Estoy tratando de mostrar un modal de carga cuando el usuario va a otra página de mi sitio.

Dado que más de la mitad de las páginas son formularios, decidí mostrar la ventana emergente de forma predeterminada si el usuario no guarda sus datos. Aquí está el código javascript:

 $("input, textarea, select").bind('change', function() { $("button[type='submit']").click(function() { window.onbeforeunload = function() { return } }) window.onbeforeunload = function(evt) { var message = '?' var e = evt || window.event e.returnValue = message return message } }) $(document).ready(function() { $('form.modal-trigger').submit(function() { $('#submit-modal').show() }) window.onbeforeunload = function() { $('#submit-modal').show() } })

Cuando el usuario hace clic en Cancel , todo está bien, pero cuando selecciona OK , mi modal no se muestra.

¿Hay alguna forma de mostrarlo después de que el usuario seleccione OK ?