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

Posted 2023-02-21

【中文标题】$(\'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'); 中运行脚本时，我没有看到您的错误在 *** 上正常工作。您确定chrome和其他浏览器之间的所有其余部分都相同吗？

你能重现jsFiddle/JS Bin上的问题吗？

我将它应用到

我正在从我的计算机执行文件，它在地址栏中显示为 file://。我试图举一个简单的例子，但更容易分享脚本的链接。就在这个问题上。非常感谢

【参考方案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() 的调用方式不会改变任何事情。两种方式都是正确的。您的回答应该是评论。