lo tienes que poner como cuando haces un alert con javascript
Código HTML:
$(document).ready(function(){
$("#element-id").modal();
})
le dice que cuando se carga la página que muestre el elemento con id "element-id"
ponele que sea un div
Código:
<div id="element-id">Holaaaaaaaaaa</div>
si quieres que aparezca cuando le dan un clic a un enlace haces
Código HTML:
$('#id-enlace').click(function(){
$("#element-id").modal();
})
en este ejemplo hay un div con id "ventana" que esta oculto y con jquery le digo que cuando hacen click en el elemento con id "saludo" (o sea el enlace) que muestre dicho div
a la funcion modal le puse como parámetro la opción que muestra un botón para cerrar la ventanita
Código HTML:
<html>
<head>
<title>Ejemplo modal</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.simplemodal.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$().ready( function (){
$('#saludo').click(function (){
$('#ventana').modal({closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>"});
});
});
</script>
<style type="text/css">
#ventana{display:none; padding:10px; background:red}
</style>
<body>
<a href="#" id="saludo">Dice hola</a>
<div id="ventana">Holaaaaaaaaaa</div>
</body>
</html>