如何在 wordpress 导航菜单上添加 javascript

Question

在 wordpress 大型菜单上，当鼠标悬停在链接上时，我想在不同的 div 上显示产品图像。我使用 ubermenu 插件

我发现一个 html+javascript 代码可以正常工作，但仅当通过在页面上添加短代码来植入 ubermenu 时（此处示例：https://defil-communication.com/test-accueil/）。第二个菜单可以正常工作，但主菜单不能。

这是我添加的代码：

到所有产品链接

  <a href="https://my-product/" onmouseover="document.getElementById('image').src = 'my-image-1.jpg'">Beach Flag Crest</a>

到 div 出现在第 fith 列

 <img id="image" src="https://my-image-2.jpg" alt="image0" />

我必须在某处声明 javascript 吗？

感谢四位的帮助

Answer 1

我想你正在寻找这个。

How to affect other elements when a div is hovered

Javascript 或 jQuery 不是必需的。只需访问css文件。 您可以创建一个 div 并将其隐藏。悬停时可以取消隐藏。

希望这会有所帮助。