Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] cargar ventana modal de bootstrap al enviar un formulario

Estas en el tema de cargar ventana modal de bootstrap al enviar un formulario en el foro de Diseño web en Foros del Web. Hola a todos, necesito ayuda sobre el siguiente tema: Tengo un formulario que se envia por el método ajax de jquery, al enviar correctamente quisiera ...
  #1 (permalink)  
Antiguo 21/07/2016, 10:59
 
Fecha de Ingreso: septiembre-2007
Mensajes: 49
Antigüedad: 17 años, 1 mes
Puntos: 3
Pregunta cargar ventana modal de bootstrap al enviar un formulario

Hola a todos, necesito ayuda sobre el siguiente tema:

Tengo un formulario que se envia por el método ajax de jquery, al enviar correctamente quisiera que se cargue una ventana modal de bootstrap, aquí dejo el código para que vean como lo estoy intentando.

HTML DE VENTANA MODAL (si funciona si lo llamo desde un boton)

Código:
<div id="myModal" class="modal fade" role="dialog">
                    <div class="modal-dialog modal-md">
                        <!-- Modal content-->
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                          </div>
                          <div class="modal-body">
                            <p>Some text in the modal.</p>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                          </div>
                        </div>
                        <!-- Fin Modal content-->
                    </div>
                </div>
AJAX DE JQUERY

Código:
$.ajax({
                type: "POST",
                url:"modulos/enviar.php",
                data: dataString,
                success: function(data){
                    $("#resultado").html(data);

                    $('#MyModal').modal({
                      show: true
                    })
                }
            });

Gracias por su apoyo.

Saludos.
  #2 (permalink)  
Antiguo 23/07/2016, 15:32
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 11 años, 2 meses
Puntos: 39
Respuesta: cargar ventana modal de bootstrap al enviar un formulario

$('#MyModal') el selector no coincide con el nombre del id de tu div, debería estar con minúscula #myModal
__________________
velarde23.com - Soluciones Web
  #3 (permalink)  
Antiguo 25/07/2016, 08:22
 
Fecha de Ingreso: septiembre-2007
Mensajes: 49
Antigüedad: 17 años, 1 mes
Puntos: 3
Respuesta: cargar ventana modal de bootstrap al enviar un formulario

Menudo detalle!!!!! Gracias!!!!

Etiquetas: ajax, bootstrap, jquery, modal, ventana
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 16:35.