Question

我有一个小的导航菜单，在调用其悬停事件时会打开。当我在菜单中选择一个项目时，其当前项目将更改为所选项目，菜单将消失。到现在为止还挺好。现在我想要实现的是，当我不选择任何项目时，菜单也会消失，我只是将鼠标移动到其他地方。我在jsFiddle上做了一个例子：See here

我已经尝试blur()，首先它不起作用，其次我希望菜单在悬停消失时已经消失，而不是在有人点击其他地方之后。感谢。

Answer 1

使用mouseout：

$('.small-nav-left').live('mouseout', function() {
        $('.small-nav-menu-left').hide();
    });

请参阅fiddle。

Answer 2

在这里，我重写了它的工作方式......

.live()在1.7中已弃用，on()应该用于支持此功能。但是，.on（）中的回调不支持悬停，因此我们在链中使用mouseover和mouseout事件来复制与回调函数相同的想法。

此外，在元素周围移动并添加了一个跨度来处理我们的“文本”更新。