在使用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(); });
渲染方法
使用显式渲染: 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'); });