在使用ajax插入标记后显示Google Plus按钮

我正在尝试在页面上加载google + 1按钮,目标是通过ajax将按钮标记插入页面,然后调用按钮进行渲染。

第一次加载页面时,该按钮呈现正常。 从/displaycode.php获取标记然后再次进行渲染调用时会出现问题。

REFRESH  {"parsetags": "explicit"}   $(function() { $("#btn").click(function() { $('#live-preview').empty(); $("#live-preview").load('/displaycode.php #code'); gapi.plusone.go(); return false; }); gapi.plusone.go(); });  

可以在http://32px.co/googleplusdemo.php查看该问题的演示。 在此先感谢您的帮助。

渲染方法

使用显式渲染: https : //developers.google.com/+/plugins/+1button/#example-explicit-render

 gapi.plusone.render('live-preview') 

代替:

 gapi.plusone.go(); 

还需要“{”parsetags“:”explicit“}”set:

  

编辑

您还必须确保在jQuery加载完成后调用render。 所以元素实际上在DOM中。

 $(function() { $("#btn").click(function(e) { e.preventDefault(); $('#live-preview').empty(); // Not necessary $("#live-preview").load('/displaycode.php #code', function() { gapi.plusone.render('live-preview'); }); }); gapi.plusone.render('live-preview'); });