javascript - Google Books Preview 未在受保护的 https 上显示图书图片链接，但在 http 上工作。在 Google Chrome 和 Touch 浏览器中

Question

我的网站上嵌入了 Google 图书预览，但发现了一件奇怪的事情并需要帮助。如果我在安全的 http 连接上查看页面，Image Book 预览链接会显示...这就是我想要的。

但是当我在不安全的 http 连接上查看同一个站点时，预览链接不起作用..

这是我的代码片段

<script src="http://books.google.com/books/previewlib.js"></script>
... <!-- html codes  -->
<script>GBS_setLanguage('en');</script>
<script>GBS_insertPreviewButtonPopup('{{subID}}');</script> &nbsp;&nbsp;<span title="  1740202872">High School Fundamentals of English</span></li>

我会在这里粘贴图像，但没有获得添加图像的声誉。

Answer 1

只需确保在包含 google 图书 api 之前先包含 jquery api。

您可以像这样包含脚本：

<script src="/static/js/jquery-2.0.3.min.js"></script>

<script src="http://books.google.com/books/previewlib.js"></script>

然后，添加这个：

... <!-- html codes  -->
<script>GBS_setLanguage('en');</script>
<script>GBS_insertPreviewButtonPopup('{{subID}}');</script> &nbsp;&nbsp;<span title="  1740202872">High School Fundamentals of English</span></li>