1

我需要通过 jquery append 方法生成 div,然后将带有点赞数的 google +1 徽章添加到这个 div 中。在我找到的每个来源中,这个 div 已经在 html 中生成,但我需要通过 jquery 动态生成它。

我试过这段代码(liveReady是jquery插件,它结合了文档准备方法和jquery.live方法,.g-plusone是div,它是通过jquery append创建的。)。但是函数 $.getScript 以错误结尾(未捕获的类型错误:无法读取未定义的属性“重定向”)

$('#lbExif').append('<div class="g-plusone"></div>');    
$.liveReady('.g-plusone',function addG(){
        $(".g-plusone").html("<g:plusone width=\"55\" height=\"20\" href=\"http://blog.2k1y.com\"></g:plusone>");
        $.getScript("https://apis.google.com/js/plusone.js");
    });

任何帮助将不胜感激。

4

1 回答 1

0

以下代码将使用 javascript 异步动态生成按钮,而无需等待页面完成加载:

<script type="text/javascript">
  (function() {
    var po = document.createElement('script');
    po.type = 'text/javascript';
    po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
  })();
</script>

只需使用您选择的库(即:jQuery)随时执行它

如果要设置脚本标记参数,请使用以下语法:

  window.___gcfg = {
    lang: 'zh-CN',
    parsetags: 'onload'
  };

以下 URL 中包含一个完整示例:

https://developers.google.com/+/plugins/+1button/#example-async-load

于 2013-01-13T00:13:41.040 回答