Question

作为一个简短的背景，我是一个四面八方的菜鸟。我提前道歉。

我有一个特定的CSS类，只适用于我的Wordpress网站上的缩略图。我正在运行一个应用＆＃34; Pin it＆＃34;在网站范围内的所有图像上悬停链接。我想通过添加＆＃34; nopin = nopin＆＃34;来从此脚本中排除此特定类（attachment-custom_thumb）。属性。我认识到CSS并没有做我要求做的事情，所以我想知道是否有一种简单的方法可以将该属性添加到该特定类中的所有照片中（因为那样）似乎是识别我想要排除的图像最简单，最自动化的方式。

谢谢！

Answer 1

你最好的选择是使用jQuery。如果您的主题中有custom.js文件，则可以添加此代码...如果没有看到here有关将js添加到wordpress的详细信息。

您可以使用.attr（）函数尝试以下代码：

jQuery(function($) {

     $('.attachment-custom_thumb').attr('nopin','nopin');

})

上面的代码使用“attachment-custom_thumb”类抓取任何html元素，并将属性“nopin”附加值'nopin'。

HTH：）

Answer 2

另一种可能性：由于您正在使用脚本添加“Pin It”，因此您可以修改该脚本，以便在添加“Pin It”时它会排除您的类的图像。这可以解决问题，而无需创建“nopin”属性。

这是我正在讨论的使用jQuery的假设示例：

function addPinIt (elements) {
   // your code here
}
addPinIt($('img').not('.the-nopin-class'));

这是documentation of that .not() method。

此解决方案的可行性当然取决于您正在使用的脚本以及您调整它的舒适程度。如果您想发布脚本，我可以提出更具体的建议。

如何将属性添加到特定的CSS类？

2 个答案: