javascript - 在 JavaScript/jquery 中伪造/自动化 "hover"？

Question

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

问题是，在我的网站上，我使用 PHP 和 index.php?page=home、?index.php?page=contact 等。而且我不知道如何将栏上的项目设置为“事件”[默认为“主页”]。我查看了代码，发现第一个

[主页] 有 class="active"。我试着简单地将类(class)移动到第二项，[“关于”]，但这只是把所有的事情都搞砸了，将整个动画向右移动，这并不能正常工作。所以在 .click() 上，这是它如何将项目设置为事件的:

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

所以我将 id="target" 放在另一个项目上，并使用 Chrome 的 JS 控制台输入相同的代码，除了我使用 "#target" 而不是“这个”但没有立即改变。我必须将鼠标悬停到栏上，动画才会开始，寻找事件项目，然后将动画移到那里。现在，如果我用它来替换我当前的导航栏 [这是 here ]，如果有人访问 index.php?page=contact，我无法激活“关于”链接，以便用户知道他们在 “关于” 页面上!

所以这是我的问题:有没有办法通过一些代码告诉 jQuery 我刚刚徘徊？ [愚弄它]像这样的东西:

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

这样它就可以运行代码 [顺便说一句，它附加到 $(selector).hover() 中的函数 (){} —— 查看示例中的 lavalamp.js 文件]？如果您能提供帮助，我将不胜感激!谢谢:)

Answer 1

嗯，hover 包含两个事件，mouseenter 和 mouseleave。

您可以通过以下方式触发 mouseenter 事件:

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