javascript - 我如何重新渲染 Pinterest Pin It 按钮？

Question

我正在尝试在页面加载后创建和操作“固定它”按钮。当我用js更改按钮属性时，应该重新渲染它以获得固定动态加载图像的功能。那么，Pinterest 有类似 Facebook 的 B.XFBML.parse() 函数的方法吗？

谢谢...

Answer 1

只需将 data-pin-build 属性添加到 SCRIPT 标记即可:

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

这会导致 pinit.js 将其内部 build 函数作为 parsePinBtns 函数公开给全局 window 对象.

然后，您可以使用它来解析隐式元素中的链接或页面上的所有链接:

// parse the whole page
window.parsePinBtns();

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

提示:要显示零计数，只需将 data-pin-zero="1" 添加到 SCRIPT 标记即可。