Foros del Web » Programando para Internet » Jquery »

[ERROR] Problema modal Bootstrap AJAX

Estas en el tema de [ERROR] Problema modal Bootstrap AJAX en el foro de Jquery en Foros del Web. Buenas tardes señores.... os comento mi problema Tengo el siguiente código para hacer cargar una página en AJAX (modal) con Bootstrap. Este es el codigo: ...
  #1 (permalink)  
Antiguo 12/11/2013, 12:19
Avatar de CBeneyto  
Fecha de Ingreso: noviembre-2010
Ubicación: Valencia
Mensajes: 135
Antigüedad: 13 años, 4 meses
Puntos: 7
Exclamación [ERROR] Problema modal Bootstrap AJAX

Buenas tardes señores.... os comento mi problema
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
  1. $(document).ready(function() {
  2.    
  3. // Support for AJAX loaded modal window.
  4. // Focuses on first input textbox after it loads the window.
  5. $('[data-toggle="modal"]').click(function(e) {
  6.     e.preventDefault();
  7.     var url = $(this).attr('href');
  8.     if (url.indexOf('#') == 0) {
  9.         $(url).modal('open');
  10.     } else {
  11.         $.get(url, function(data) {
  12.             $('<div class="modal hide fade">' + data + '</div>').modal();
  13.         }).success(function() { $('input:text:visible:first').focus(); });
  14.     }
  15. });
  16.    
  17. });

Este el link:

Código HTML:
Ver original
  1. <a href="/url/to/load/modal_window.htm" data-toggle="modal">link</a>

y el contenido de la página a cargar:

Código HTML:
Ver original
  1. <div class="modal-header">
  2.     <a class="close" data-dismiss="modal">&times;</a>
  3.     <h3>Modal header 2</h3>
  4. </div>
  5. <div class="modal-body">
  6.     <p>One body...</p>
  7. </div>
  8. <div class="modal-footer">
  9.     <a class="btn btn-primary" onclick="$('.modal-body > form').submit();">Save Changes</a>
  10.     <a class="btn" data-dismiss="modal">Close</a>
  11. </div>

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
__________________
UX / UI + Diseño + Programacion + Web Consulting
Portfolio: www.carlosbeneyto.com

Etiquetas: ajax, bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:45.