No funciona contents() jQuery

PanConMantequilla · #1 (**permalink**) 23/01/2012, 19:39

Hola a todos, estaba tratando de usar el metodo [URL="http://api.jquery.com/contents/"]CONTENTS()[/URL] de jQuery pero nunca me funciono con mis ejemplos, hasta que decidi COPIAR/PEGAR el mismo ejemplo desde la pagina de jQuery y.... NO FUNCIONA,

Leí y entendi bien como se usa, yo quiero extraer una porcion de codigo desde un iframe, nada de otro mundo desde la explicacion de jQuery pero no funciona, ningun ejemplo que encontre en la red tampoco, o solo soy yo??

el codigo de ejemplo es este

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <iframe src="http://api.jquery.com/" width="80%" height="600" id='frameDemo'></iframe> 
<script>$("#frameDemo").contents().find("a").css("background-color","#BADA55");</script>
 
</body>
</html>

he leido el codigo de ejemplo que esta facilicimo entenderlo.....

busca las etiquetas de vinculo (a) y le agrega al css una regla de estilo de color de fondo, en teoria deberia de estar todas las etiquetas de vinculo con color verde de fondo...
pero NO FUNCIONA y eso me desespera

a alguien le funciona??

orochies · #2 (**permalink**) 23/01/2012, 21:16

pasa porque quiza el contenido del frame no ha cargado aun. Utiliza tu codigo javascript dentro de la funcion

Código:

$(document).ready(function(){
 ... 
});

saludos...

PanConMantequilla · #3 (**permalink**) 24/01/2012, 20:02

Cita:

Iniciado por orochies

pasa porque quiza el contenido del frame no ha cargado aun. Utiliza tu codigo javascript dentro de la funcion

Código:

$(document).ready(function(){
 ... 
});

saludos...

Gracias por responder, eso mismo pense y aun asi no funciona, ya probe encerrandolo en el metodo que recomiendas pero no funciona

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
* <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
* <iframe src="http://api.jquery.com/" width="80%" height="600" id='frameDemo'></iframe> 
<script>
    
    $(document).ready(function(){
        $("#frameDemo").contents().find("a").css("background-color","#BADA55");
    });
 
</script>
*
</body>
</html>

Llego a pensar que el error es de jQuery que ya no sirve ese metodo, parece que se malogro solito

orochies · #4 (**permalink**) 27/01/2012, 16:45

Y si usas:

Código:

$(document).ready(function(){
$("#frameDemo").ready(function(){
$("#frameDemo").contents().find("a").css("background-
color","#BADA55");
});
});

Pues tambien hay que esperar que se cargue el contenido del iframe aparte del DOM de la pagina principal No? Saludos...