javascript - 仅在具有指定类别的图像上显示 Pinterest 悬停按钮

Question

客户希望在网站上的某些图像上悬停时有 pinit 按钮。我看着 documentation on Pinterest's site并且只能找到如何将所有图像设置为 pinit 图像，并可以选择使用 CSS 类关闭某些图像。但这意味着网站上所有图像的 95% 都必须具有 nopin 类。

有没有一种方法可以将类应用到像“pinthis”这样的图像，这样只有它们才带有 pinit 按钮。我注意到您可以在 Wordpress 上执行类似的操作，但这是一个自定义构建的网站。

提前致谢!

编辑:

这是我放在 header 标签中的代码，如上面 Pinterest 开发人员链接所述:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true"></script>

这基本上将页面上的所有图像设置为具有 pinit 按钮，但我需要它们仅应用于具有特定类的图像

Answer 1

因此，在 jQuery 中执行此操作的一种方法是将所有图像默认设置为具有以下属性:

data-pin-no-hover="true"

为此的 jQuery 将是:

 $("img").attr("data-pin-no-hover", true);

然后在下面，您可以添加一行，将要删除该属性的特定类的值更改为 false:

$(".pinit_img").removeAttr("data-pin-no-hover");