javascript - 在特定 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

data-pin-nopin

The image can't be saved, and hover buttons won't appear on the image.This attribute is applied to individual images on your page.