2016-08-14 34 views
1

我有一个HTML结构,因为这与约束,它不能在一个li项被修改jquery的悬停handlerOut执行回调特定的情况下

<ul> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

<div><a href="#"></a></div> 
<div><a href="#"></a></div> 
<div><a href="#"></a></div> 

在hoverIn/hoverOut,一个对应div(绝对定位一个接一个)将由fadeIn()/fadeOut()组成,其中包含一些链接。

是否有可能修改hoverOut处理程序,只有当hoverOut到hoverIn()从一个li到另一个时才应该执行回调?

在简单的话hoverOut()如果将鼠标指针从li去任何其他HTML实体除其他li项目

回答

1

既然你想淡入淡出,并在徘徊只li不应该执行回调。我创建了hover功能如下:

$('ul li').hover(
    function() { 
     var indexes = $("li").index(this); 
     $("div:not(:nth-child("+indexes+"))").hide(); 
     $("div").eq(indexes).show(); 
    } 
); 

这将隐藏只徘徊li div和其他元素徘徊时会显示。

这里是jsFiddle

希望它可以帮助你:)

相关问题