Como Abrir Ventana Modal al Cargar la pagina utilizando Foundation CSS
Los ejemplo que vienen por defecto en la pagina oficial de Foundation CSS, no dicen o al menos yo no lo he encontrado, como abrir una ventana modal al momento de cargar la pagina. para aquellos que se pregunte lo mismo, aqui esta la solución:
El HTML de la ventana:
<div id="myModal" class="reveal-modal" data-reveal>
<h2>MI titulo</h2>
<p>Contenido</p>
<a class="close-reveal-modal">×</a>
</div>
El JS:
$(document).foundation();
//con esta linea le indicamos a la pagina que cargue la ventana modal
$(document).ready(function(){$('#myModal').foundation('reveal', 'open')});
El HTML de la ventana:
<div id="myModal" class="reveal-modal" data-reveal>
<h2>MI titulo</h2>
<p>Contenido</p>
<a class="close-reveal-modal">×</a>
</div>
El JS:
$(document).foundation();
//con esta linea le indicamos a la pagina que cargue la ventana modal
$(document).ready(function(){$('#myModal').foundation('reveal', 'open')});
Comentarios
Publicar un comentario