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>