2016-08-14 67 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

希望它可以幫助你:)

相關問題