div悬停在图像上时触发图像上的类（WordPress）

Question

我目前正在循环播放所有这些帖子，并使用以下代码显示它们：

$style

现在，我有一个类，在我的图像上命名为hovereffect，这会使不透明度发生变化。如您所见，图像位于6列中，文本位于6列中。有没有办法，当文本悬停时，我可以使图像不透明度发生变化？

Answer 1

您可以使用jQuery hover() method，如下所示：

$('p').hover(function() {
  $('.hovereffect').css('opacity', '0.5');
});

您也可以切换另一个类或您喜欢的内容，而不是直接更改CSS。

编辑：我刚刚读到你使用hovereffect类来改变不透明度。在这种情况下，你不应该在php中添加类，而是改为使用这个jQuery：

$('p').hover(function() {
  $('.anotherClassOnYourImage').toggleClass('hovereffect');
});

不应使用'p'作为选择器，而应该为其添加一个类。