Google图书馆动态加载

Question

我想仅在用户执行特定操作（例如按下按钮）时加载Google图书库。

以下代码不起作用（例如，我无法创建DefaultViewer）：

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>
  Click me
</button>

<script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script>

<script>
function hello() {
  alert("hello");
}

$('button').click(function() {
  google.books.load();
  google.books.setOnLoadCallback(hello);
})
</script>

＆＃13;

＆＃13;

＆＃13;

而非动态版本没有问题：

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script>

<script>
function hello() {
  alert("hello");
}

google.books.load();
google.books.setOnLoadCallback(hello);
</script>

＆＃13;

＆＃13;

＆＃13;

有人可以向我解释原因吗？

另外，对我而言，来自the first example的Google documentation无效。也许它是相关的。

提前致谢。