Javascript 通过JQuery OnClick CSS显示更改查看时，无法在IFRAME中加载Google文档

我试图在我的网站上使用iframe查看google文档

但是，当iframe中包含无限制的doc链接时，我可以查看文档，但是当我尝试向doc div添加JQuery OnClick函数时，它不会显示文档内容，直到我在inspect with space或类似内容中编辑iframe链接

为了更好地理解我说的话，请参考小提琴

代码如下所示：

<div id="fileview" >
<iframe src="https://docs.google.com/document/d/16Y954onfpX2nQGzWBMo56SuNnFdpSHiIP6RA6jxZCNY/preview" width="800" height="600"></iframe>
</div>

<a id="updatescript-btn" >some</a>

<div id="fileview" style="display:none;">
<iframe src="https://docs.google.com/document/d/16Y954onfpX2nQGzWBMo56SuNnFdpSHiIP6RA6jxZCNY/preview" width="800" height="600"></iframe>
</div>

<script>
$('#updatescript-btn').click(function () {
    $("#fileview").css("display", "block");
});
</script>

代码如下所示：

<div id="fileview" >
<iframe src="https://docs.google.com/document/d/16Y954onfpX2nQGzWBMo56SuNnFdpSHiIP6RA6jxZCNY/preview" width="800" height="600"></iframe>
</div>

<a id="updatescript-btn" >some</a>

<div id="fileview" style="display:none;">
<iframe src="https://docs.google.com/document/d/16Y954onfpX2nQGzWBMo56SuNnFdpSHiIP6RA6jxZCNY/preview" width="800" height="600"></iframe>
</div>

<script>
$('#updatescript-btn').click(function () {
    $("#fileview").css("display", "block");
});
</script>

一些
$（'#updatescript btn'）。单击（函数（）{
$（“#文件视图”）.css（“显示”、“块”）；
});

请参考这两个链接，请检查检查并在iframe链接中为第二个小提琴添加空格

等待帮助。提前谢谢