Javascript Wordpress CSS导航菜单悬停生效

所以我正在建立一个wordpress网站，在megamenu中有一些产品子菜单。当鼠标悬停在子菜单产品链接上时，我想在megamenu的第4列中显示特定的图像。我尝试了很多css选项，但都不明白

因此，作为一个例子，我给了一个链接一个特殊的类“.pricomigdale”和图像“.pricomigdale img”和一个“display:none”，所以当我在“pricomigdale de cococos”上悬停时，我会采取这样的行动。“pricomigdale a:hover.pricomigdale img{display:block}”但什么都没有发生。这是一个网站，也许有人能找到答案：

---

我想吃你的产品；）

我认为如果你能发布更多的代码可能会有所帮助

我刚刚发现您在这里漏掉了一个分号：{display:block}

它应该是{display:block；}

但我不确定这是否能解决你的问题。

我想这对你有帮助

关键是，您可以使用链接创建属性，例如

数据图像

，其中包含所需图像的url

并使用JS使您的图像在悬停状态下更改

$('a').hover(function(e) {
  e.preventDefault();
  $('#photo-container').html('<img src="' + $(this).data('image') + '"/>')
});

$（'a'）。悬停（函数（e）{
e、 预防默认值（）；
$（'#照片容器'）.html（''）
});

欢迎来到堆栈溢出。请在您的问题中添加一些相关代码。您可能还想考虑发布这一点，这是专门针对WP相关的问题。好，这应该工作，但你知道如何在一些WordPress子菜单链接中添加数据图像？