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

Using the Pinterest hoverbutton but disabling it for certain images in XHTML 1.0 Strict

本文关键字：按钮 图像 悬停 XHTML Strict Pinterest      更新时间：2023-09-26

我想为我的博客页面上的图像添加一个功能，当鼠标悬停在它们上面时，可以将图像固定到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。从我所做的研究来看，"数据"属性似乎是HTML5属性，因此，当我尝试使用它时，这就是它不适用于我的网站的原因。

有人知道在XHTML1.0Strict中使用这个"data-"属性的方法吗？

谢谢你的建议。

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

类似于：

if ($('img.class').data('pin-no-hover')) {
 $('.pinterestClass').hide();
}
相关文章：