Question

我在这里使用jQuery幻灯片设置了一个菜单http://jsfiddle.net/5Lscg/但是在第一次悬停时出现问题。它只显示没有动画。所有子级别都可以正常工作

JQuery代码：

    $("li").on('mouseenter', function () {

        $(this).find('ul').first().hide().show('slide', {
            direction: "down"
        }, function () {

            // $(this).css('display', 'block');

        });

    }).on('mouseleave', function () {

        $(this).find('ul').first().hide('slide', {
            direction: "up"
        }, function () {

            // $(this).css('display', 'none');

        });
    });

似乎我某处有css bug，但我无法找到它。如果你能看看并试图找出问题所在，我将不胜感激。 4只眼睛总是好于2 :)

感谢任何帮助。

刚刚在FF中进行过测试，并且效果很好，但IE，Chrome，Opera都吓坏了

Answer 1

它适用于我!!

你的CSS很好

也是你的jquery

我确定您的问题是跨浏览器问题，而不是编码问题

尝试使用其他浏览器

使用jQuery UI动画下拉菜单

1 个答案: