使用jQuery轻推鼠标?

时间:2015-12-03 22:07:55

标签: jquery html menu cursor

我的网站页面上有一个链接,必须打开主菜单,好像有人将鼠标悬停在其中一个菜单项上。我没有问题。

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?我能找到的只是将光标移动到文本的方法。也许我正在考虑这个错误,还有另一种方法可以实现它吗?

1 个答案:

答案 0 :(得分:1)

您可以执行.trigger("mouseenter")(请参阅docs)。

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

例如,如果您要激活hover事件,则只需对要悬停的事件执行.mouseenter()(jQuery .hover()的第一个事件)。< / p>

如果您查看文档.mouseenter()

  

此方法是第三个中的... .trigger( "mouseenter" )的快捷方式。