在特定的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");