2011-10-10 20 views
8

que estoy usando algo así como

$('ul li').find('iframe').css({'visibility':'visible'}); 

wich funciona bien en Firefox y Opera,

consola de error:

intento inseguro JavaScript para acceder marco con el archivo URL: /// D: /Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm del marco con el URL http://www.youtube.com/embed/hurnoKLuBD8. Deben coincidir los dominios, protocolos y puertos. URL

prueba: http://toniweb.us/vimeo-like/js/images.htm

alguna idea?

operación -Editar-

me fijo utilizando

.invisible{ text-indent:-9999px } 

y

<div class="iframe"><iframe></iframe></div> 

y

$('ul li').find('.iframe').addClass('invisible'); 

Pero aún así me gustaría saber cómo solucionarlo trabajar con solo el iframe

+0

¿Ve algún error en la consola? –

+1

No veo su error al ejecutar scripts en la consola de Chrome '$ ('h1'). Css ({'visibility': 'hidden'});' funciona correctamente en stackoverflow. ¿Estás seguro de que el resto es el mismo entre Chrome y otros navegadores? –

+1

¿Puedes reproducir el problema en [jsFiddle] (http://jsfiddle.net/)/[JS Bin] (http://jsbin.com/)? – thirtydot

Respuesta

3

hay problemas con la realidad haciendo iframes invisibles (es decir, usando visibility:hidden o display:none). Pero usted puede hacer que desaparezcan por ser lo suficientemente pequeño como

$('ul li').find('iframe').css({"height":"0", "width":"0", "border":"none"}); 
+0

hola, gracias por su contribución.pero ¿crees que eso funcionaría para un iframe de youtube, por ejemplo? –

+0

sí, funciona (probado) –

-1

El mapa de objetos debería funcionar bien, pero si solo está configurando un único estilo, puede ser más fácil omitir completamente el mapa de objetos. Prueba esto:

$('ul li').find('.titThumb').css('visibility', 'visible'); 
$('ul li').find('.titIframe').css('visibility', 'hidden'); 

http://api.jquery.com/css/

+1

No me importa la baja votación, pero agradecería un comentario para explicar. Todos queremos mejorar aquí. – njr101

+4

Probablemente recibas votos atrasados ​​porque cambiar la forma en que se llama a '.css()' no va a cambiar nada. Ambas formas son correctas. Tu respuesta debe ser un comentario. – thirtydot

+0

por si acaso lo intenté, y no ... nada ha cambiado –

6

Sé que esto es un poco anticuado, pero me acabo de encontrar con el mismo problema. Mi solución fue

css('opacity', 0) 
+0

aún puede hacer clic en él;) – Nico

Cuestiones relacionadas