jquery鼠标事件与Z指数

Question

我有一个较大的块内较小的块。

我把一个事件如鼠标进入或退出的每个块

无论是在或流出块的不发生错误，但是该事件被触发来显示消息时变化块到另一

<div class="red"> 
    <div class="blue">OK</div> 
</div> 

.red {width:200px;height:200px;background:red;position:relative} 
.blue {width:100px; 
    height:100px; 
    background:blue; 
    color:white; 
    position:absolute; 
    z-index:1; 
} 

$(document).ready(function(){ 
    $('.red').mouseover(function(){ 
     alert('in');          
    }).mouseleave(function(){ 
     alert('out'); 
    }); 
}); 

http://jsfiddle.net/20gv6auu/3/

是否有任何事件组的所有元素jQuery的单个元素？

Answer 1

您可以创建一个包装div并使用它来代替mouseenter();来触发事件。

HTML：

<div class="wrap"> 
    <div class="red"> 
     <div class="blue">OK</div> 
    </div> 
</div> 

CSS：

.wrap{ 
    border: 1px solid green; 
    width: 200px; 
} 

JS (use mouseenter();：

$(document).ready(function(){ 
    $('.wrap').mouseenter(function(){ 
     alert('in');          
    }).mouseleave(function(){ 
     alert('out'); 
    }); 
}); 

CODEPEN DEMO