jQuery技术:在使用ajax插入标记后显示Google Plus按钮
•
JQuery使用教程 •
阅读 0
我正在尝试在页面上加载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://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中。
需要了解更多jQuery教程分享在使用ajax插入标记后显示Google Plus按钮,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
$(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'); });
以上就是jQuery教程分享在使用ajax插入标记后显示Google Plus按钮相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/982316.html