jQuery:fire mouseleave仅在兄弟navbar项上

在下面的jQuery代码中，当前当鼠标离开当前evt目标时，

mouseleave

evt将触发，但是我希望只有当鼠标位于同级

.navbar项

上或鼠标位于

.wrapper

之外时，mouseleave才会触发，否则不会触发

不确定，如何对逻辑进行编码，任何人都可以帮我解决这个问题

这是你的电话号码

谢谢

$（'.second lvl.navbar item'）.mouseenter（函数（）{
让id=$（this.attr（'data-target'））
$（'#'+id）.show（500）；
}).mouseleave（函数（）{
让id=$（this.attr（'data-target'））
$（'#'+id）.hide（0）；
});
.wrapper{
利润率：40像素；
背景：浅蓝色；
边框：1px实心；
填充：10px；
}
.navbar项，.preview{
显示：块；
边缘底部：10px；
宽度：200px；
字体系列：无衬线；
文本转换：大写；
填充：10px 30px；
边框：1px实心；
背景色：#ececec；
游标：指针；}
.预览{
背景：红色；
位置：绝对位置；
右：100px；
顶部：100px；
显示：无；
}
.可见{
显示：块！重要；
}

橡树1号
橡树2
橡树3
橡树4
橡树1信息
橡树2信息
橡树3信息
橡树4信息
如果我理解了您的逻辑，请尝试：


varid=''；
$（'.second lvl.navbar item'）.mouseenter（函数（）{
如果（id=''）{
id=$（this.attr（'data-target'））
$（'#'+id）.show（500）；
}否则{
$（'#'+id）.hide（0）；
id=$（this.attr（'data-target'））
$（'#'+id）.show（500）；
}
})
$（'.wrapper'）.mouseleave（函数（）{
$（'#'+id）.hide（0）；
});
.wrapper{
利润率：40像素；
背景：浅蓝色；
边框：1px实心；
填充：10px；
}
.navbar项，.preview{
显示：块；
边缘底部：10px；
宽度：200px；
字体系列：无衬线；
文本转换：大写；
填充：10px 30px；
边框：1px实心；
背景色：#ececec；
游标：指针；}
.预览{
背景：红色；
位置：绝对位置；
右：100px；
顶部：100px；
显示：无；
}
.可见{
显示：块！重要；
}

橡树1号
橡树2
橡树3
橡树4
橡树1信息
橡树2信息
橡树3信息
橡树4信息
我只想在鼠标位于兄弟姐妹的任何位置时触发mouseleave。导航栏项目不清楚，你想在离开导航栏项目时触发mouseleave吗？我不理解你的逻辑，是不是：当你进入导航栏项目时，你显示预览id，退出导航栏项目时隐藏？@Frenchy Yes，当前的逻辑是当鼠标在
上时。导航栏项目
将显示目标id div（导航栏项目属性
数据目标
中的值），当鼠标移动该项目时，目标id将隐藏。现在，我想要的是在mouseenter navbar项时显示目标id，但仅当mouseenter另一个同级
.navbar项
或外部
.wrapper
区域时隐藏目标id，否则目标id保持可见。希望你能更清楚。你能帮我修改代码吗？