Question

我目前正在尝试创建一个带有下拉导航栏的网站，并且我希望使用jQuery UI来设置使用.show和.hide方法删除栏的动画。< / p>

现在，我想要做的是下拉菜单。显示（使用＆＃34; blind＆＃34; -effect）当你：将鼠标悬停时，当鼠标离开时我希望它再次隐藏

然而，问题在于，当节目的盲目效果开始时，如果你将鼠标移出该区域，那么它就不起作用了。（事件仍在发生，我使用警报测试了这个，动画只是不起作用，因为节目动画仍在继续）。

我尝试过使用诸如使用queue，dequeue，promise.done等多项内容，但这些都没有解决问题。

这就是我的.js代码目前的样子：

    var nestednavs = $(".nestednav");

nestednavs.mouseenter(function(){
        var ul = $(this).children("ul:first");
        ul.show("blind");
    });

nestednavs.mouseleave(function(){
        var ul = $(this).children("ul:first");
        ul.promise().done(function() {
            ul.hide("blind");
        });
    });

使用下拉菜单为每个元素分配nestednav类。正如您所见，promise().done仍在那里，但实际上并没有做任何事情。

我试过查看stackoverflow和一般的谷歌搜索，但大多数问题出现在原生jQuery节目和隐藏没有动画问题。

我希望我提供足够的信息帮助我，谢谢！

jQuery UI显示和隐藏在悬停上被中断

0 个答案: