2011-04-18 8 views
1

나는이 페이지에 대한 몇 가지 절대 위치 div의에 다음 코드를이상한 행동 호버 이벤트 jQuery를

JS/JQUERY :

$("div.do").hover(function(){   
    $(this).stop().next('.tooltip').fadeIn();  
    }, function(){ 
    $(this).stop().next('.tooltip').fadeOut();  
    }); 

HTML :

<div class="do"></div> 
<div class="do"></div> 
<div class="do"></div> 

console.log($(this))을 사용하여 이벤트를 가리키면 여러 가지 이벤트가 매우 산발적으로 발생합니다. 방법. 그들이 여러 번 방아쇠를 당기는 것처럼 보입니다. 나는 꽤 오랫동안 jQuery를 사용 해왔고 이와 같은 것을 경험하지 못했다.

어떤 통찰력이라도 대단히 감사합니다. 나를 위해 마법처럼

+0

우리에게 do-something 부분을 보여 줍니까? – Tim

+0

이상한 CSS가 관련되어 있습니까? 당신은 그들이 절대적으로 위치한다고 말합니다. 그들의 컨테이너 위치는 상대적입니까? –

+0

@John 상위 요소는 상대적이며 높이/너비가 고정되어 있습니다. 일부 호버에서는 이벤트가 계속 반복되고 마우스는 고정되어 있습니다. 임금님. – jeffreynolte

답변

1

다음은 게시 거의 같은 일의 바이올린입니다. 그것은 상상할 수있는 것과 똑같이 작동합니다. 코드가 어떤 차이가 있는지 확인 : 대상 지역이 어디 당신이 볼 수 있도록

http://jsfiddle.net/eyLNn/4/

나는 빨간색으로 된 div 강조했다.