用 jQuery 轻推鼠标？

Question

我网站的某个页面上有一个 link 必须打开主菜单，就好像有人将鼠标悬停在其中一个菜单项上一样。我让它工作没问题。

jQuery(document).ready(function($){
    $('a#view-products').on('click', function(){
    if ($(window).width() > 1149) {

  //FOR DESKTOP 
        $('ul.mainmenu li.menu.heading.item122.parent.level1').mouseover();
    }

    //FOR MOBILE 
    else{
          $('.mobilebarmenutitle').click();
          $('.item122 > .mobilemenucktogglericon').click();
         }
    });
});

唯一的问题是主菜单项的悬停状态未激活。它仅在我将鼠标轻移 1 个像素时显示。那时光标被识别为在菜单上并且悬停状态被激活。

有什么方法可以用jQuery将光标移动1px吗？我所能找到的只是在文本中移动光标的方法。也许我在考虑这个错误，还有另一种方法可以实现它？

Answer 1

你可以做到 .trigger("mouseenter")（参见 docs）。

或者（甚至更简单），您可以通过调用其事件处理程序来触发 jQuery 事件。

例如，如果你想激活hover事件，那么只需在你的事件上执行.mouseenter()（jQuery .hover()的第一个事件）想悬停。

如果您查看文档，.mouseenter():

This method is a shortcut for ... .trigger( "mouseenter" ) in the third.

用 jQuery 轻推鼠标？

Nudge mouse with jQuery?

html

jquery

menu

cursor