Javascript 单击''；a''；元素，发射它'；s悬停处理程序，而不是转到链接

我正在使用一个CMS，它不允许我在编辑代码方面做很多事情

---

我有这个元素：

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

当鼠标悬停在这个链接上时，会弹出一些通过CMS设置的内容

我希望在单击元素时，发生悬停事件，而不是转到实际的href链接

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

这可以通过jQuery实现吗？可能会将单击事件作为悬停事件发送？

jQuery:

$( 'whatever selects your link' ).on( 'click', function( ev ){
    ev.preventDefault(); // stop click event
    $( this ).trigger( 'hover' );
} );

---

您当然可以阻止单击并触发悬停事件的默认操作，但是由于可访问性和可用性方面的考虑，我不推荐使用它

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

（这里我使用

a

作为选择器，但您可能希望更具体地选择哪些链接。）

---

如果当前的悬停效果是通过CSS

：hover

伪类完成的，则不会产生预期的结果。

使用下面的脚本并触发

悬停事件

$( '.menu_icon' ).click(function(){
 $(this).trigger('hover');
 return false;
});

hover
是由CSS还是js设置的？你可以发送事件和做很多其他的事情，但是首先你必须弄清楚到底是什么触发了这个弹出窗口，是CSS，javascript，jQuery etcSo我不能在点击元素时仅仅模拟一个悬停事件？我想知道当用户点击元素时ipad上会发生什么。。。