Question

我不知道为什么，虽然遇到了类似的问题。

尝试使用webfontloader加载fonts.com中的字体，以便在加载后调用函数。

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
   WebFont.load({
      monotype: {
        projectId: 'xxxxxxxxxxxxxxxxxxxx'
      },
      active: function() {
         mainNav();
      }
   });

但是当我把它包含在jsapi

中时

<script src="https://www.google.com/jsapi"></script>

我在控制台中遇到以下问题：未捕获的TypeError：无法调用null的“hasAttribute”方法

然而，如果单独加载，它们就可以了......

有什么想法吗？

Answer 1

尝试使用以下网址加载webfonts api：

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.1.2/webfont.js"></script>

查看以下帖子了解更多详情：https://groups.google.com/forum/#!msg/google-ajax-search-api/dWVzQF_YWCM/Y3-R738wh78J

我们不再支持新版本的部分版本别名   库。已经存在的任何部分版本别名将继续   得到支持和更新。原因是网址喜欢   https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js   这是说“给我最新版本的jquery 1.x.x”   缓存生命周期非常短，因为最新版本可以更改   随时。这对性能不利。这对您的网络也有害   站点，如果库在其API中进行重大更改   导致页面突然呈现不同的版本之间。   图书馆通常不会故意进行此类更改，而是页面   有时取决于API的未指定角落案例的行为   可能会因图书馆故意或无意而改变   更新。

因此，我们强烈建议您指定完整的版本字符串   何时引用托管在Google AJAX API上的库。您可以   总是找到最新的版本   https://developers.google.com/speed/libraries/devguide。在这种情况下，   最近的1.9.x版本目前是1.9.1，所以我们建议使用   URL   https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js   获得稳定的版本和更好的缓存。

（另外，上面的示例没有结束</script>标记。只是想验证这在您自己的代码中是否存在。）

Webfont Loader＆amp; Google JSAPI无法一起加载？

1 个答案: