如何使Google預覽按鈕在CSS彈出窗口中顯示？

Question

繼續，讓我知道這是否不可能：

我需要在彈出窗口中顯示Google圖書按鈕（此處的文檔： 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>

我的問題是，我希望“示例”部分也成為一個彈出窗口，其中包含指向Google圖書預覽的鏈接（以及其他一些內容，但是出於問題的考慮...

因此，我將在“示例”部分中嘗試以下操作：

<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預覽按鈕的頁面。

Answer 1

可悲的事實是，這是不可能的。 我什至向整個Web開發團隊提出了這個問題，他們證實了。 您無法在css彈出窗口中使用javascript按鈕。 兩者總是其中之一。