How can i rerender Pinterest's Pin It button?

Question

I'm trying to create and manipulate the Pin It button after page load. When i change the button properties with js, it should be rerendered to get the functionality of pinning dynamically loaded images. So, does Pinterest have any method like Facebook's B.XFBML.parse() function?

Thanks...

Answer 1

Just add data-pin-build attribute to the SCRIPT tag:

<script defer   src="//assets.pinterest.com/js/pinit.js"   data-pin-build="parsePinBtns"></script> 

That causes pinit.js to expose its internal build function to the global window object as parsePinBtns function.

Then, you can use it to parse links in the implicit element or all of the links on the page:

// parse the whole page window.parsePinBtns();  // parse links in #pin-it-buttons element only window.parsePinBtns(document.getElementById('pin-it-buttons')); 

Hint: to show zero count just add data-pin-zero="1" to SCRIPT tag.