hover - jQuery live() 悬停，显示/隐藏 div 的奇怪行为

Question

我在这里创建了一个问题示例：

http://jsfiddle.net/jXLSW/

请注意，当您将鼠标悬停在图像上时，图像顶部会显示一个 div。当你离开图像时，它就消失了。问题是当您将鼠标移到顶部的 div 上时。它进入这个显示/隐藏周期，因为鼠标正在进入/离开。

这个显示在顶部的 div 将包含用作工具栏的图标。当我将鼠标悬停在工具栏上时，如何保持工具栏可见？更重要的是，我怎样才能让悬停事件停止骑自行车？

更新：有趣的是以下代码可以按需要工作。问题是，似乎经常出现实时查询问题，实际上并没有出现。因此，没有 div 出现，这也是一个主要问题。

$('.has-menu').livequery(function() {
  $(this).hover(function() {$(this).find('div.img-menu').slideToggle();}, function() {$(this).find('div.img-menu').slideToggle();});
});

Answer 1

好吧，我将代码更改为：

$('.has-menu').live('hover', function(e) {
    if (e.type == 'mouseover') {
        $(this).find('div.img-menu').slideToggle();
    }else{
        $(this).find('div.img-menu').slideToggle();  
    }
});

现在一切都很好。