jQuery: Automatically trigger hover

Question

I have a hover mousein mouseout setup as follows for a list item:

$("#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
                });    
            });

And i want to automatically trigger a hover on '.current-menu-item a' as soon as someone enters the website or the page is loaded.

At the moment, i use $(".current-menu-item a").trigger('hover'); and it doesn't work.

Help?

Uttara · Accepted Answer · 2012-07-30 11:50:38Z

9

use this

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

or

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

answered Jul 30, 2012 at 11:50

Uttara

2,5403 gold badges25 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Prem Paryani Over a year ago

Thanks Uttara, the first one doesn't work, but i tried $(window).load(function(){ $(".current-menu-item a").mouseover(); }); and it works

Mitya · Accepted Answer · 2012-07-30 11:50:31Z

2

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

Hover is not a real event (it's a contrived one by jQuery, made up of mouseenter and mouseleave). In any case, it is a two-stage process, so not logically triggerable.

answered Jul 30, 2012 at 11:50

Mitya

34.7k15 gold badges70 silver badges125 bronze badges

Comments

CKKiller · Accepted Answer · 2012-07-30 11:50:45Z

0

you need to use mouseover not hover like so

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

answered Jul 30, 2012 at 11:50

CKKiller

1,4321 gold badge16 silver badges20 bronze badges

Comments

Sumit Kumar · Accepted Answer · 2013-09-27 06:23:42Z

0

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

answered Sep 27, 2013 at 6:23

Sumit Kumar

1,89219 silver badges20 bronze badges

Collectives™ on Stack Overflow

jQuery: Automatically trigger hover

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related