Javascript 如何在鼠标上方的div周围插入ahref-wordpress不断移除ahref

在以下站点：在该页面上，您将看到标题“我们的解决方案”和8个悬停框

我想做的是在每个框周围加上一个href，这样不仅当你把鼠标悬停在上面时，它会显示右边的div，而且你可以点击这个框，它会把你带到相关的页面

因此，在守则中：

<div class="left2">
<div class="box2">Microsoft Dynamics ERP</div>
</div> 

我试着说：

<div class="left2">
<a href="link"><div class="box2">Microsoft Dynamics ERP</div></a>
</div> 

但我在wordpress中保存它的那一刻，它就删除了ahref。我也试过：

<div class="left2">
<div class="box2"><a href="link"><div>Microsoft Dynamics ERP</a></div></div>
</div>  

但这也没有挽救。我只需要每个单独的整盒有一个href

谢谢你的帮助。 谢谢。

试试看

<div class="left2">
<div class="box2" onclick="javascript:window.location.href='link';">Microsoft Dynamics ERP</div>
</div>

---

使用javascript是将链接应用于整个div的一种方法。

我尝试过，但Wordpress由于某种原因没有保存我的更改。我插入它，保存它，当查看更改时，我出于某种原因插入的内容消失了？我是否可以在下面的javascript中添加一些内容：var$right2Box2=$.right2.box2；$。left2.box2.hoverfunction{$right2Box2.hide；$right2Box2.eq$this.index.show；}；还是在CSS中？