假/在JavaScript/jquery中自动化"悬停"？

Question

我想把这个导航栏放在我的网站上,这是演示页面:http://insicdesigns.com/demo/css3/exp1/index.html 它使用JavaScript,jQuery和CSS

问题是,在我的网站上我使用PHP和index.php？page = home,？index.php？page = contact等.我无法弄清楚如何将栏上的项目设置为"活动" [默认为"Home"].我查看了代码,发现第一个<li> [主页]有class ="active".我尝试简单地将类移动到第二个项目["关于"],但这只是将一切都搞砸了,将整个动画向右移动,这不符合它的意图.所以在.click()上,这就是它如何设置一个活动的项目:

$(this).siblings('li').removeClass('active'); // removes active
$(this).addClass('active'); 

所以我把id ="target"放在另一个项目上,并且使用Chrome的JS控制台我键入相同的代码,除了我使用"#target"而不是"this" 但是没有立即改变.我必须将鼠标悬停在栏上,启动动画,查找活动项目,然后在那里移动动画.现在,如果我使用它来替换我当前的导航栏[就在这里 ],如果有人去了,index.php?page=contact我就无法激活关于链接,以便用户知道他们在About页面上!

所以这是我的问题:有没有办法告诉jQuery我刚从一些代码中徘徊？[傻瓜]类似于:

$("#target").fakeEvent("hover");

因此它运行代码[哪个,顺便说一句,附加到$(选择器).hover()中的函数(){} - 查看示例中的lavalamp.js文件]？如果你能提供帮助,我真的很感激!谢谢 :)

Answer 1

好吧,hover包括两个事件,mouseenter和mouseleave.

您可以使用以下命令触发mouseenter事件:

$("#target").mouseenter();