javascript - 在特定 id/class 上使用 pinterest 保存按钮?

标签 javascript jquery css pinterest

无论如何,是否可以将 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 的图片上。

最佳答案

对于不想固定的图片,需要添加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.

关于javascript - 在特定 id/class 上使用 pinterest 保存按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39283881/

相关文章:

javascript - jQuery setTimeout 在值发布时刷新

javascript - AngularJs模板和内容共享

javascript - 如何从代码隐藏中调用 IFrame 中的 JS 函数

html - 车身宽度未设置?

html - 全屏背景图像与页脚位置产生冲突

javascript - 为什么 FileReader 不将文件传递给 three.js 场景使用的 loader.load()?

javascript - 限制 slider 的顶部和底部

javascript - 复杂选择器在 jQuery 1.8 中中断,但在 1.7.2 中工作

javascript - 如何使用 javascript 或 jquery 验证日期输入以将其始终设置为当天的 2 天

html - 白色 icon.png 到蓝色 icon.png (html/css)