Question

发现这个： 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);
     })();

保持优雅，叠加。

Answer 1

我已经构建了一个HTML5-valid Pinterest button alterantive并将其发布在GitHub上。它提供了PinterestPlus.pinit()方法，其工作方式与gapi.plusone.go()等相同。

我希望它对您的项目有所帮助！

StumbleUpon和Pinterest社交共享图标使用WordPress Infinite Scroll脚本函数调用

1 个答案: