Foros del Web » Programando para Internet » Jquery »

Modal AJAX en Bootstrap?

Estas en el tema de Modal AJAX en Bootstrap? 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 11/10/2013, 11:31
Avatar de CBeneyto  
Fecha de Ingreso: noviembre-2010
Ubicación: Valencia
Mensajes: 135
Antigüedad: 13 años, 4 meses
Puntos: 7
Exclamación Modal AJAX en Bootstrap?

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
  #2 (permalink)  
Antiguo 14/10/2013, 01:35
Avatar de CBeneyto  
Fecha de Ingreso: noviembre-2010
Ubicación: Valencia
Mensajes: 135
Antigüedad: 13 años, 4 meses
Puntos: 7
Respuesta: Modal AJAX en Bootstrap?

¿Alguna ayuda por favor?
__________________
UX / UI + Diseño + Programacion + Web Consulting
Portfolio: www.carlosbeneyto.com
  #3 (permalink)  
Antiguo 07/11/2013, 10:41
Avatar de CBeneyto  
Fecha de Ingreso: noviembre-2010
Ubicación: Valencia
Mensajes: 135
Antigüedad: 13 años, 4 meses
Puntos: 7
Respuesta: Modal AJAX en Bootstrap?

Por favor... alguna sugerencia?
__________________
UX / UI + Diseño + Programacion + Web Consulting
Portfolio: www.carlosbeneyto.com

Etiquetas: ajax, bootstrap, javascript, modal
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 05:57.