我正在与一个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
伪类完成的,则将不会获得期望的结果。