IE上的jquery悬停问题

我刚刚使用了jquery悬停：

$.each(navItems, function(i){
    $(navItems[i]).hover(function(){
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).show();
    },function(){
        $(this).find('ul:first').css({visibility: "hidden"});
    });
});

除了IE，我在所有浏览器上都能正常工作。我一直在寻找其他在所有主要浏览器（包括IE）上都能正常工作的代码，通常它们也使用与我相同的方式。 有人能帮我解释我错了什么吗？

---

这里的完整代码：

为什么您的鼠标悬停在一个循环中？你试过

$('.NaviItem').hover(function(){
    $(this).find('ul:first').css({visibility: "visible", display: "none"}).show();
},function(){
    $(this).find('ul:first').css({visibility: "hidden"});
});

您所需要的就是：

$(".NaviItem").hover(function() {
    $(this).find('ul:first').show();
}, function() {
    $(this).find('ul:first').hide();
});

• 只需使用

  .NaviItem

  选择目标元素。这将返回类为

  NaviItem

• 您不需要使用

  each（）

  进行迭代。在这种情况下，

  悬停

  处理程序将应用于所有出现的

  .NaviItem

• 要显示/隐藏，无需设置css，只需使用

  show（）

  和

  hide（）

  ，或一些动画功能，如

  fadeOut

  /

  fadeIn

---

在IE 7和IE 8中对我有效。你能告诉我到底是什么不起作用，在什么特定的浏览器中。@iMatoria:如果你能看到，当你悬停菜单导航时，它应该显示下拉菜单，然后你用鼠标移动下拉菜单，它在IE（7，8，9）上消失了@areil:我刚才按你的方式悬停在菜单导航项上。但是它在IE（7，8，9）上仍然不起作用。谢谢你的帮助。我刚刚看到jsfiddle.net/3xptU，它工作正常。但我不知道为什么当我把这个应用到页面上时，它仍然不适合我？不管怎样，谢谢你的帮助。我将尝试自己调试。在控制台上检查脚本问题（chrome上的ctrl+shift+j）。如果你找不到任何东西，只需发布另一个问题和更多细节。我刚刚找到问题并解决了。当cc&p（复制/剪切和粘贴）时，这是我的愚蠢。我循环菜单项以注册每个li.NaviItem的事件悬停。我试过你的方法，但它仍然不适用于IES，你只需要使用这个类。你不必在它们之间循环。