jquery - 具有更大 z-index 的 div 时阻止事件

Question

DIV 1 有一个mouseover显示 DIV 2 的事件并有一个隐藏 DIV 2 的事件，当显示 DIV 2 时，当我的指针超过 DIV 2 时mouseleave，我如何阻止 DIV 1 事件？事件现在让我闪烁]（DIV 2比 DIV 1 最大）mouseleavez-index

Answer 1

您可以嵌套两个 div 并在父级上应用悬停：CSS 示例： http: //liveweave.com/qtwQOE
编辑：要减小父级 div 的大小到其内容，更改 CSS 布局显示： http: //liveweave.com/94tdXW

Answer 2

您可以使用stopPropagation()。

Answer 3

你期待像这样的 JSFIDDLE

查询：

$(document).ready(function(){
  $(".red").mouseenter(function(){
    $(".yellow").show("slow");
  });
    $(".red").mouseleave(function(){
    $(".yellow").hide("slow");
  });
});