继续,让我知道这是否不可能:
我需要在弹出窗口中显示谷歌图书按钮(此处的文档:https ://developers.google.com/books/docs/preview-wizard )。所以,我想要的是一个弹出窗口,其中包含用户的 google 按钮,以便他们可以单击它并获得 google 的嵌入式查看器弹出窗口。
我使用几个 CSS 类来实现我的弹出窗口:
.item-notes {cursor:pointer;}
.item-notes .notes-details {position:absolute; display:none;}
目前,我像这样实现这些类:
<div class="link"><a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>
<div class="link item-notes">
<div class="notes-details"><h3>Notes</h3><p>Lorem Ipsum</p></div><a href="#"><img src="images/icon_notes.jpg" alt="" /></a> <a href="#">Notes</a></div>
我的问题是我希望“示例”部分也成为一个弹出窗口,其中包含指向谷歌图书预览的链接(以及其他一些内容,但为了这个问题......
所以,我在“示例”部分尝试这个:
<div class="link item-notes">
<div class="notes-details">
<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript"> GBS_insertPreviewButtonPopup(['ISBN:9780596527068']);</script></div>
<a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>
但是,该脚本并没有包含在弹出窗口中,而是链接到另一个包含 Google 预览按钮的页面。