Estoy trabajando dentro de Zend Framework 2 y siguiendo esto tutorial para mostrar y manejar el envío de formularios a través de AJAX. En lugar de usar un jQuery UI modal, estoy usando el modal de Twitter Bootstrap 3.
Para empezar, estoy tratando de cargar algún contenido ficticio en el modal especificando una ruta a un acción del controlador en el atributo href de la disparador modal botón.
los ver archivo para la acción AJAX que llamo contiene html ficticio.
Cuando hago clic en "Agregar Agencia", la página se oscurece.pero no se muestra ninguna ventana modal aunque el html ficticio aparece en la esquina superior izquierda de la página. Estoy esperando que se muestre una ventana modal de Twitter Bootstrap junto con el html ficticio dentro de ella. Cuando quito la etiqueta href del botón de activación modal, el modal se muestra bien.
Aprecio si alguien puede ayudarme a lograr este simple objetivo de cargar contenido en la ventana modal de Twitter Bootstrap.
Respuestas
1 para la respuesta № 1La razón por la que no se mostraba mi HTML ficticiodentro de la ventana modal fue porque escribí el formato HTML para el div modal, junto con sus divs internos para las secciones de encabezado, cuerpo y pie de página del modal. Supuse erróneamente que el contenido al que llamo a través de AJAX se insertará en la división modal-body, sin embargo, el código HTML no se inyectará en la división modal-body y que el marcado para esa división ya existe, el HTML ficticio aparece fuera de esta y rompe el trazado.
Así que eliminé todas las divs internas dentro de la div modal y las moví al contenido remoto, para que el HTML que quiero devolver esté incluido en esas divs.