异步加载Google +1小部件时出现问题
我在正在开发的站点上有几个小部件，我从一个javascript文件异步加载它们，这样就不会影响DOM的完成。
例如，我使用Digg和Buzz小部件执行此操作，它工作得很好：
// Buzz Share
function buzzShare() {
$jQ('.sharebox').append('<div class="widget"><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a></div>');
$jQ.getScript('http://www.google.com/buzz/api/button.js');
}
// Digg Share
function diggShare() {
$jQ('.sharebox').append('<div class="widget"><a class="DiggThisButton DiggMedium"></a></div>');
$jQ.getScript('http://widgets.digg.com/buttons.js');
}当涉及到新的Google +1小部件时，同样的逻辑就不起作用了：
// PlusOne Share
function plusOneShare() {
$jQ.getScript('http://apis.google.com/js/plusone.js');
$jQ('.sharebox').append('<div class="widget"><div class="g-plusone" data-size="tall" data-count="true"></div></div>');
}我尝试同时使用HTML5标签和<g:plusone></g:plusone>。两者都不起作用。
下面是刚刚启动的服务的文档：http://code.google.com/apis/+1button/
我还注意到，如果将脚本直接嵌入到HTML中，您可以执行以下操作。
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{"parsetags": "explicit"}
</script>有没有办法在jQuery .getScript中使用{"parsetags": "explicit"}参数
另外，我还尝试在plusOneShare函数的第一行和第二行之间切换，同样也不起作用。
谢谢!
回答 7
Stack Overflow用户
发布于 2011-06-05 00:28:06
我在问题中描述的方法非常有效。如果我没弄错的话，谷歌的这一端只存在某种bug。在他们宣布这个功能几个小时后，我正试图让它正常工作。大约两天后，它现在可以完美地工作了。
.getScript方法是通过AJAX加载+1的好方法。
Stack Overflow用户
发布于 2011-06-03 01:26:07
您使用的是哪种浏览器？下面的整页示例适用于我：
<html>
<head>
<title>jQuery Dynamic load test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.getScript('https://apis.google.com/js/plusone.js');
$('.sharebox').append('<div class="widget"><div class="g-plusone" data-size="tall" data-count="true"></div></div>');
});
</script>
</head>
<body>
Hello world!
<div class="sharebox"></div>
</body>
</html>Stack Overflow用户
发布于 2011-06-15 04:50:27
我最终做了这样的事情来支持参数传递给+1脚本：
var hd = document.getElementsByTagName('head')[0];
var scr = document.createElement('script');
scr.type ='text/javascript';
scr.async = true;
scr.innerHTML = "{lang: 'es-419'}"; // Magic! :)
scr.src = "https://apis.google.com/js/plusone.js";
hd.appendChild(scr);https://stackoverflow.com/questions/6207815
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号