在 JavaScript/jquery 中伪造/自动化“悬停”？

Question

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

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

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

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

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

所以这是我的问题： 有没有办法通过一些代码告诉 jQuery 我刚刚悬停？ [骗它] 类似：

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

以便它运行代码 [顺便说一句，它附加到 $(selector).hover() 内的 function(){} -- 看看示例中的 lavalamp.js 文件]？如果您能提供帮助，我将不胜感激！谢谢:)

Answer 1

嗯，hover 由两个事件组成，mouseenter 和 mouseleave。

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

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

Answer 2

回答：http://jsfiddle.net/morrison/4CU4H/

回答注意事项：

• The fancy menu 使用糟糕的 JavaScript。我已经修改了脚本以修复一些错误并优化性能。 使用我的 JavaScript 而不是他们的。
• 要让活动类在页面加载时处于正确位置，只需在调用 jQuery 之前将活动类应用到您想要的位置。您可能应该在您的 php 输出中设置活动类。这也允许在 JavaScript 无法加载时很好的样式降级。
• 插件禁止单击，因为它是一个示例。您可能希望删除 click 函数中的 return 语句。

您网站上的注意事项：

• 隐藏您的查询。这不是硬性规定，但在您的情况下您应该这样做。 http://www.macdonaldfamilysingers.com/?page=contactindex.php?page=contact 应该是 http://www.macdonaldfamilysingers.com/contact/。这里是a tutorial on url rewriting。
• 您可能想要美化您的桌子。通过移除一些边框和间距，它也会占用更少的视觉空间。