在特定ID /類別上使用pinterest保存按鈕？

Question

無論如何，是否將pinterest保存按鈕配置為僅出現在具有特定類/標識或多個類和標識的圖像中？

可以使用默認的嵌入代碼完成此操作，還是應該使用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">

來自文檔

數據針腳

無法保存圖像，並且懸停按鈕也不會出現在圖像上。 此屬性應用於頁面上的單個圖像。

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");