我正在与一个CMS一起工作,该CMS在编辑他们的代码方面无济于事。



我有这个元素:

<a href="/development/tomato_site/" title="SampleTitle"
 class="menu_icon menu-641 sf-depth-1 menuparent" > Tomatos </a>


将鼠标悬停在此链接上时,会弹出一些内容,可通过CMS进行设置。

我想单击元素,发生悬停事件,而不是转到实际的href链接。

这可以通过jQuery完成吗?也许将点击事件作为悬停事件发送?

最佳答案

您当然可以阻止默认的单击操作,而是触发悬停事件,但是由于可访问性和可用性方面的考虑,我不建议这样做。

$('a').click(function(e) {
    e.preventDefault();
    $(this).trigger('hover');
});


(在这里,我使用a作为选择器,但您可能想更具体地选择要选择的链接。)

如果当前的悬停效果是通过CSS :hover伪类完成的,则将不会获得期望的结果。

10-05 20:53
查看更多