带有 jquery 的导航菜单在 IE7、淡入和淡出中不起作用答案

【问题标题】：nav menu with jquery is not working in IE7,fadin and fadout带有 jquery 的导航菜单在 IE7、淡入和淡出中不起作用
【发布时间】：2013-04-26 11:56:54
【问题描述】：

(function () {
    var $make = $('li.prod');
    $('div.models').addClass('hide');
    $make.on('mouseenter', function () {
        var $this = $(this);
        $this.next().fadeIn(150);
    });
    $make.on('mouseleave', function () {
        var $that = $(this);
        $that.next().fadeOut(150);
    });
})();

这是我的fiddle。我想知道为什么我的代码在 IE7 中不能正常工作。另外，如何在将鼠标悬停在子菜单上时打开子菜单。任何帮助或建议将不胜感激。说到 jquery，我还是个菜鸟。

【问题讨论】：

我认为你应该尝试同样的事情，只使用 html 和 css3 而不是 jquery 。可能这个链接可以帮助你sitepop.wordpress.com/2012/06/02/…谢谢
@rahularyansharma CSS3 绝对不能在 IE7 中工作。 PS：你的小提琴在我的 IE7 中工作
你的 html 无效 - 你不应该在 ul 中有 div，它们应该在 li
谢谢拉胡尔。我将添加书签并阅读该链接。 @BASarat 我想知道为什么它在我的 IE7 版本上不起作用。

标签： jquery menu navigation fadein nav

【解决方案1】：

通过在<li> 中移动子菜单的<div>，当您将鼠标悬停在子菜单的项目上时，后者将保持打开状态。

演示：http://jsfiddle.net/hwEdV/12/

编辑：Jsfiddle 到处为 IE7-8 抛出脚本错误，所以我无法为 IE7 测试它

【讨论】：

【解决方案2】：

我看到了你的脚本，它很好，但问题是.next() 在 IE7 中不支持。

【讨论】：