javascript - 使用 Pinterest 悬停按钮，但在 XHTML 1.0 Strict 中对某些图像禁用它

Question

我想为我的博客页面上的图片添加一个功能，以便在将鼠标悬停在图片上时将其固定到 pinterest。

Pinterest 在他们的帮助中心有一个页面，可以让您执行此操作。 https://en.help.pinterest.com/entries/23624997-Add-a-widget-to-your-website

我已将代码添加到我网站的页脚中，效果很好。我添加的代码是:

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

pinterest 用户指南建议您不希望悬停按钮出现的位置，例如在特定图像上，您使用以下属性修改标签:

data-pin-no-hover="true"

这样一来，图像标签将如下所示，并且不会出现悬停按钮:

<img data-pin-no-hover="true" src="yourimage.jpg" />

我曾尝试在我的网站上对我不想固定的图像执行此操作，但它不起作用。

我在 squarespace 平台(第 5 版)上开发的网站采用 XHTML 1.0 Strict。从我能够做的研究来看，'data-' 属性似乎是一个 HTML5 属性，因此当我尝试使用它时，这就是它对我的网站不起作用的原因。

有谁知道让这个“data-”属性在 XHTML 1.0 Strict 中工作的方法吗？

感谢您提供的任何建议。

Answer 1

如果您使用的是 jQuery，据我所知，您仍然可以使用数据属性。

类似于:

if ($('img.class').data('pin-no-hover')) {
 $('.pinterestClass').hide();
}