Google日历标题设置为显示无

Question

我们的store site中有一个Google日历，我们希望将标题样式设置为“display：none”。

这是我们到目前为止的代码：

<script> 
    jQuery(document).ready(function() { 
    jQuery('iframe').contents().find('span').css('display', 'none'); 
    }); 
</script> 

Answer 1

，如果你做检查元素（F12）和去控制台选项卡中打开您的控制台，您可以看到错误，你面对的：

“ jquery-2.1.4.min.js？1013665 ...：2未捕获的SecurityError：未能从'HTMLIFrameElement'中读取'contentDocument'属性：阻止了原始地址为“https://motorhelmets.com”的框架访问原始地址为“https://calendar.google.com”的框架协议，域和端口必须匹配。“

Google域名不允许从外部域进行编辑。

但是由于您要隐藏的内容位于框架的边缘（即顶部），因此您可以使用一些技巧来与CSS一起隐藏它。比如你提高iframe的内容，或者iframe本身可以移动得更高，因此可以覆盖标题或者可以使用一些html元素来掩盖标题。

以下是隐藏标题的html代码。它需要插入在iframe之前的calendar_iframe div之内。

<div style="position: absolute;height: 20px;width: 100%;background: white;"></div>