jQuery技术:在使用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://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

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐