3

我想在我的博客页面上添加图片功能，以便在将图片悬停在图片上时将图片固定到 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 属性，因此当我尝试使用它时，这就是它不适用于我的网站的原因。

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

感谢您提供的任何建议。

4

1 回答 1

1

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

就像是：

if ($('img.class').data('pin-no-hover')) {
 $('.pinterestClass').hide();
}
于 2013-08-09T17:53:53.090 回答