jquery.PrintArea.js dentro del <head> no me funciona

ceaped · #1 (**permalink**) 08/08/2012, 12:19

Buenas tardes
Estoy implementando este código "jquery.PrintArea.js" así:

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Imprimiendo 1</title>
 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.PrintArea.js"></script>
 
</head>
<body>
 
<h2>Imprimir una zona espec&iacute;fica con jQuery</h2>
 
<p><a href="javascript:void(0)" id="imprime">Imprimir</a></p>
 
<div id="myPrintArea">
Zona que se imprimir&aacute;
</div>
 
<script type="text/javascript">
$("#imprime").click(function (){
$("div#myPrintArea").printArea();
})
</script>
 
</body>
</html>

Pero si pongo este código:

Código Javascript:

Ver original<script type="text/javascript">
$("#imprime").click(function (){
$("div#myPrintArea").printArea();
})
</script>

arriba en la etiqueta <head> no me funciona.

¿Porque?

Gracias por su ayuda

ceaped · #2 (**permalink**) 08/08/2012, 14:51

Encontré la solución y es agregarle al .css media="all".