Saltar al contenido

cargar iframe en modal de arranque

Solución:

$('.modal').on('shown.bs.modal',function(){      //correct here use 'shown.bs.modal' event which comes in bootstrap3
  $(this).find('iframe').attr('src','http://www.google.com')
})

Como se muestra arriba, use 'shown.bs.modal' evento que viene en bootstrap 3.

EDITAR: –

y simplemente intente abrir alguna otra URL de iframe que no sea google.com, no le permitirá abrir google.com debido a algunas amenazas de seguridad.

La razón de esto es que Google está enviando un encabezado de respuesta “X-Frame-Options: SAMEORIGIN”. Esta opción evita que el navegador muestre iFrames que no están alojados en el mismo dominio que la página principal.

El evento Bootstrap para la carga modal se cambió en Bootstrap 3

Solo usa shown.bs.modal evento:

$('.modal').on('shown.bs.modal', function() {
    $(this).find('iframe').attr('src','http://www.google.com')
})  

Se puede encontrar más sobre el evento en el siguiente enlace:

http://getbootstrap.com/javascript/

Simplemente puede usar este asistente de arranque para los diálogos (solo 5 kB)

tiene soporte para solicitud ajax, iframes, diálogos comunes, confirmar y preguntar.

puedes usarlo como:

eModal.iframe('http://someUrl.com', 'This is a tile for iframe', callbackIfNeeded);

eModal.alert('The message', 'This title');

eModal.ajax('/mypage.html', 'This is a ajax', callbackIfNeeded);

eModal.confirm('the question', 'The title', theMandatoryCallback);

eModal.prompt('Form question', 'This is a ajax', theMandatoryCallback);

esto proporciona un progreso de carga mientras se carga el iframe.

No se requiere HTML.

Puede utilizar un objeto literal como parámetro para opciones adicionales.

Consulte el formulario del sitio para más detalles.

mejor,

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *