$('iframe').css('visibility','hidden') 在谷歌浏览器中不起作用答案

【问题标题】：$('iframe').css('visibility','hidden') not working in Google chrome$('iframe').css('visibility','hidden') 在谷歌浏览器中不起作用
【发布时间】：2011-12-04 11:11:37
【问题描述】：

我正在使用类似的东西

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

在 Firefox 和 Opera 中运行良好，

控制台错误：

不安全的 JavaScript 尝试从 URL http://www.youtube.com/embed/hurnoKLuBD8 的框架访问具有 URL file:///D:/Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm 的框架。域、协议和端口必须匹配。

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

有什么想法吗？

-编辑-

我修复了它使用

.invisible{ text-indent:-9999px }

和

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

和

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

但仍然想知道如何仅使用 iframe 修复它。

【问题讨论】：

您是否在控制台中看到任何错误？
在 chrome 控制台$('h1').css({'visibility':'hidden'}); 中运行脚本时，我没有看到您的错误在 stackoverflow 上正常工作。您确定chrome和其他浏览器之间的所有其余部分都相同吗？
你能重现jsFiddle/JS Bin上的问题吗？
我将它应用到好的，我将在 jsfiddle 中发布。使用控制台错误进行编辑。
我正在从我的计算机执行文件，它在地址栏中显示为 file://。我试图举一个简单的例子，但更容易分享脚本的链接。就在这个问题上。非常感谢

标签： jquery security google-chrome iframe visibility

【解决方案1】：

我知道这有点过时了，但我遇到了同样的问题。我的解决方案是

css( 'opacity', 0 )

【讨论】：

你仍然可以点击它;)

【解决方案2】：

实际上使 iframe 不可见存在一些问题（即使用 visibility:hidden 或 display:none）。但是你可以通过足够小来让它们消失

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

【讨论】：

嗨，感谢您的意见。但是您认为这适用于 youtube iframe 吗？

【解决方案3】：

对象映射应该可以正常工作，但如果您只设置一个样式，则完全跳过对象映射可能更容易。试试这个：

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

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

【讨论】：

我不介意投反对票，但我很感激评论解释。我们都想在这里提高自己。
你可能会被否决，因为改变.css() 的调用方式不会改变任何事情。两种方式都是正确的。您的回答应该是评论。