jQuery:mouseout适用于嵌套元素 [英] jquery: mouseout applies to nested elements

问题描述

ul，其链接嵌套在div层中.鼠标指针越过.title，将显示ul.

ul with links nested in a div layer. mouse pointer goes over .title, ul is shown.

问题:mouseout()适用于嵌套元素

mouseout()用于div

<div>
  <a class="title">Section A</a>
     <ul>
        <li><a href=''>link 1</a></li>
        <li><a href=''>link 2</a></li>
        <li><a href=''>link 3</a></li>
     </ul> 
</div>

$('.title').mouseover(function() {
   $('ul').slideDown();
})

$('div').mouseout(function(){
   $('ul').slideUp();
});

推荐答案

尝试$('selector').mouseleave(function(){});

这篇关于jQuery:mouseout适用于嵌套元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！