jquery - 鼠标在鼠标离开时输入相同的项目

Question

我已经编辑了一个脚本来按我的需要行事..

我需要#currentitem 在页面加载时鼠标输入，当另一个项目触发鼠标输入时鼠标离开（所以不要重叠）。

我有一个问题，一切都按预期工作。除了当我鼠标离开 #currentitem 时，我需要它的下拉菜单保持可见。因此，唯一不可见（或 mouseenter）的时间是当 mouseenter 其他菜单项时。

我创建了一个 JSFiddle，其中当前项目是“关于我们”菜单：

http://jsfiddle.net/qFS84/2/

$(document).ready(function(){
$("#currentitem a").trigger('mouseenter');
});
$(".submenu").mouseenter(function(){
  $("#currentitem").trigger('mouseleave');
});
$(".submenu").mouseleave(function(){
   $("#currentitem a").trigger('mouseenter');
});

任何帮助将不胜感激。

Answer 1

我在您的问题上取得了一些进展，希望对您有所帮助。

http://jsfiddle.net/Z2zMz/5/

$('#currentitem').mouseout(function(){
    $("#currentitem > a").trigger('mouseenter');
})

这个最大的问题是您正在寻找发生在具有 .submenu 类的元素上的事件，但您正在侦听的元素没有 .submenu 类。