在特定的id / class上使用pinterest保存按钮？

Question

无论如何配置pinterest保存按钮只出现在具有特定类/ ID或多个类和ID的图像中？

可以使用默认的嵌入代码完成，还是应该使用API​​？

<script async defer data-pin-hover="true" data-pin-tall="true" data-pin-lang="en" data-pin-save="true" src="//assets.pinterest.com/js/pinit.js"></script>

换句话说，代码当前出现在网站的每个图像上，我希望它只出现在具有特定类或ID的图像上。

Answer 1

您需要将data-pin-nopin添加到您不想要固定的图像中

<script async defer data-pin-hover="true" data-pin-tall="true" data-pin-lang="en" data-pin-save="true" src="//assets.pinterest.com/js/pinit.js"></script>

<img src="http://placehold.it/350x150">
<img data-pin-nopin src="http://placehold.it/350x150">

来自docs

数据管脚诺信

无法保存图像，并且图像上不会出现悬停按钮。此属性适用于页面上的各个图像。

Answer 2

使用JQuery我只是做了以下，因为我在所有想要保存按钮显示的图像上设置了以下pinterest属性...

     //remove Pinterest save button for all images
     $("img").attr("data-pin-no-hover", true);
     //add it back to images for which I've defined the pinterest image
     $("img[data-pin-media]").removeAttr("data-pin-no-hover");