2011-10-10 108 views
8

我使用类似

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

至极工作正常在Firefox和Opera,

控制台错误:

不安全的JavaScript尝试通过网址访问文件框架:/// d:/Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm从框架与URL http://www.youtube.com/embed/hurnoKLuBD8。域,协议和端口必须匹配。

测试网址:http://toniweb.us/vimeo-like/js/images.htm

什么想法?

CNC中

我固定它使用

.invisible{ text-indent:-9999px } 

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

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

但还是想知道如何解决它与工作只有iframe

+0

您是否在控制台中看到任何错误? –

+1

在chrome控制台'$('h1')。css({'visibility':'hidden'});'在stackoverflow上正确运行脚本时,我看不到你的错误。你确定chrome和其他浏览器的所有其他内容都一样吗? –

+1

你可以在[jsFiddle](http://jsfiddle.net/)/ [JS Bin](http://jsbin.com/)上重现问题吗? – thirtydot

回答

3

有问题与(即使用visibility:hiddendisplay:none)实际进行I帧不可见。 但是你可以让他们通过为小消失足够

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

嗨,谢谢你的输入。但是,你认为这会适用于YouTube的iframe吗? –

+0

是的,它确实工作(测试) –

-1

对象图应该可以正常工作,但如果只设置单个样式,则可能会更容易完全跳过对象映射。试试这个:

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

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

+1

我不介意downvotes,但我会很感激评论解释。我们都想在这里提高自己。 – njr101

+4

因为改变调用'.css()'的方式不会改变任何东西,所以你可能会降低音量。两种方式都是正确的。你的回答应该是一个评论。 – thirtydot

+0

只是以防万一我试过了,没有...没有改变 –

6

我知道这是一个有点过时,但我只是碰到了同样的问题。我的解决方案是

css('opacity', 0) 
+0

仍然可以点击它;) – Nico

相关问题