2012-04-04 3 views
0

나는 자바 스크립트 초보자이며이 간단한 일에 도움이 필요할 것입니다 ... div : 마지막으로 div : mouseover에서 마지막으로 표시됩니다. 그것들은 .workpost에 싸여 있습니다. fadeIn 아래 코드와jquery mouseover find() 스왑 divs

내가 여러 .workpost이 단지 활성화를 트리거 할 ...

이 깜박입니다.

$('.workpost').mouseover(function() { 
    $(this).find('div:last').fadeIn(200); 
    $(this).mouseout(function() { 
     $(this).find('div:last').fadeOut(200); 
    }); 
}); 
+0

당신의 코드가 .workpost''의 mouseover''에 있지만 당신의 설명은'사업부의 mouseover''에 원하는 말한다 : first'. 어느 것이 맞습니까? –

+0

div : 첫 번째는 .workpost로 래핑되었지만 래퍼는 필요하지 않을 수 있습니다. –

답변

3

망가 둥지 이벤트 핸들러 :

$('.workpost').hover(function() { 
    $(this).find('div:last').fadeIn(200); 
}, function() { 
    $(this).find('div:last').fadeOut(200); 
}); 
+0

대답을 수락하십시오. 이 코드는 이미 모든 ".wordposts"에 이벤트 처리기를 추가합니다. $ (". workpost")는 ".workpost"와 일치하는 모든 DOM 요소가있는 배열이라는 것을 알고 계십니까? –

+0

예 알아요. 어떻게 설명해야할지 모르겠습니다. 마우스가 실제로 끝나는 ".workpost"를 트리거하는 간단한 방법이 있습니까? =) –

+0

그게 무슨 $ (this) 않습니다. 어쩌면 당신이 jsfiddle을 만들면 더 쉬울 것입니다 –