Tengo el siguiente código para hacer cargar una página en AJAX (modal) con Bootstrap.
Este es el codigo:
Código Javascript:
Ver original
$(document).ready(function() { // Support for AJAX loaded modal window. // Focuses on first input textbox after it loads the window. $('[data-toggle="modal"]').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); if (url.indexOf('#') == 0) { $(url).modal('open'); } else { $.get(url, function(data) { $('<div class="modal hide fade">' + data + '</div>').modal(); }).success(function() { $('input:text:visible:first').focus(); }); } }); });
Este el link:
Código HTML:
Ver original
y el contenido de la página a cargar:
Código HTML:
Ver original
El problema esta en que al cargar la primera vez lo hace sin problemas.
Pero cuando cierro el modal y intento cargar otro modal (ejem boton de Más información, en un listado de productos) pues no me carga en modal me carga la página, como si el modal se "rompiera".
¿Alguna solucion?
Fuente de AJAX MODAL: https://gist.github.com/drewjoh/1688900