jQuery：自动触发悬停效果

Question

我有一个鼠标悬停和移出的设置，用于列表项如下：

$("#main-nav li a").hover(function() {
                $el = $(this);
                leftPos = $el.position().left;
                newWidth = $el.parent().width();
                $magicNav.stop().animate({
                    left: leftPos,
                    width: newWidth
                });
            }, function() {
                t1 = $(".current-menu-item a").position().left;
                t2 = $(".current-menu-item a").parent().width();
                $magicNav.stop().animate({
                    left: t1,
                    width: t2
                });    
            });

我希望能在有人进入网站或页面加载时自动触发“.current-menu-item a”上的悬停效果。

目前，我使用$(".current-menu-item a").trigger('hover');，但它不起作用。

请帮忙？

- Prem Paryani

Answer 1

使用这个

$(document).ready(function(){
    $(".current-menu-item a").mouseover();
});

或者

$(window).load(function(){
    $(".current-menu-item a").mouseover();
});

- Uttara

---

谢谢Uttara，第一个方法不行，但我尝试了$(window).load(function(){ $(".current-menu-item a").mouseover(); }); 它起作用了。 - Prem Paryani

Answer 2

$(".current-menu-item a").trigger('mouseenter');

悬停并不是一个真正的事件（它是由jQuery制造出来的虚构事件，由mouseenter和mouseleave组成）。无论如何，悬停是一个两个阶段的过程，所以不能逻辑上触发。

- Mitya

Answer 3

$('selector').trigger('eventName');

- Sumit Kumar

Answer 4

你需要使用mouseover而不是hover，像这样：

$(".current-menu-item a").trigger('mouseover');

- CKKiller