0

发现这个：tyty stack， Social Icons not working with Infinite Scrolling on Wordpress

我正在做同样的事情，只是多了两个按钮，StumbleUpon 和 Pinterest

我正在寻找 Pinterest 'Pin It' 按钮和 StumbleUpon 徽章/小部件的脚本函数调用

我为 StumbleUpon 找到了一些东西，但这并不理想，

对 Pinterest 毫无头绪，仍在寻找，给他们写了一封愉快的信。

这是我粘贴到无限滚动设置中的代码“获取下一个帖子后要调用的Javascript”TextArea，

// jQuery Masonry, 
var newElems = jQuery( newElements ).css({ opacity: 0 });
  newElems.imagesLoaded(function(){
    newElems.animate({ opacity: 1 });
    jQuery('#content').masonry( 'appended', newElems, true );
  });

// ReCall Scripts for Social Sharing Buttons
var el = document.body;

//Google Plus  
if (typeof gapi !== "undefined") { gapi.plusone.go(el); }

//Facebook
if (typeof FB !== "undefined") { FB.XFBML.parse(el); }

//Twitter
if (typeof twttr !== "undefined") { twttr.widgets.load(); }

//Pinterest

//StumbleUpon

     (function() {
         var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
         li.src = 'https://platform.stumbleupon.com/1/widgets.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
     })();

保持优雅，堆叠。

4

1 回答 1

0

我已经构建了一个HTML5 有效的 Pinterest 按钮替代品并将其发布在 GitHub 上。它提供了PinterestPlus.pinit()一种与gapi.plusone.go()等类似的方法。

我希望它可以帮助你的项目！

于 2012-06-26T16:56:20.727 回答