jquery. 마우스를 움직일 때마다 호버가 호출됩니다.

내 기능이 설정되는 방식으로 인해 발생하는 느낌이 들지만 마우스를 요소 위로 움직이면 호버 이벤트가 여러 번 호출됩니다. 단지 이벤트는 마우스가 요소를 통해 가리킬 때 호출 할, 마우스가 요소를 남기지 않습니다 (따라서 더 이상 이상을) 할 때 여기에 jquery. 마우스를 움직일 때마다 호버가 호출됩니다.

코드입니다 :.

$(document).ready(function(){ 

$('#about-us-facebook-default').hover(
    function(){ 
    $(this).css({'display':'none'}); 
    $('#about-us-facebook-hover').css({'display':'block'}); 
}, 
function(){ 
    $(this).stop(true,true).css({'display':'block'}); 
    $('#about-us-facebook-hover').css({'display':'none'}); 

} 
); 

});

레이아웃 :

<div class="about-contact-button"> 
<a href="http://www.facebook.com/BlackTiePhotographers" id="about-us-facebook-hover" > 
<img src="http://blacktiephotographers.com/wp-content/uploads/2012/03/facebook-hover.png" alt="" title="Connect with us on Facebook" width="30" height="30" class="alignnone size-full wp-image-2267" /></a> 
<a href="http://www.facebook.com/BlackTiePhotographers" id="about-us-facebook-default"> 
<img src="http://blacktiephotographers.com/wp-content/uploads/2012/03/facebook.png" alt="Join Black Tie Photographers on Facebook" title="Connect with us on Facebook" width="30" height="30" class="alignnone size-full wp-image-2266" /></a> 
<a href="http://www.facebook.com/BlackTiePhotographers">Join on Facebook</a> 
</div>

출처

2012-08-14 Anonymous

이보십시오.

here 두 가지 해결책을 찾을 수 있습니다.

출처

2012-08-14 13:18:59

마지막으로, 포인터가 이벤트 mouseout이 잡히지 않는 이미지에서 너무 빨리 지나치는 경우에 한 가지 이유 때문에 javascript를 사용하지 않는 것이 좋습니다. 나는 mouseleave와 mouseenter로 테스트했고 그 결과는 비슷합니다. –

마우스 입력 메서드 내에서 요소를 숨기면 마우스가 요소를 다시 벗어나 다시 요소가 표시됩니다. 이것은 반복되어 사용자가 관찰 한 동작을 유발합니다.

외부 div에 핸들러를 연결하고 거기에서의 가시성을 처리하는 것이 좋습니다.

$(document).ready(function(){ 
    $('#about-us-facebook-default').mouseover(function(){ 
     $(this).css({'display':'none'}); 
     $('#about-us-facebook-hover').css({'display':'inline-block'});   
    }); 
    $('#about-us-facebook-hover').mouseout(function(){ 
     $('#about-us-facebook-default').stop(true,true).css({'display':'inline-block'}); 
     $(this).css({'display':'none'}); 
    }); 
});

을하지만 난 당신에게 당신이 CSS에서 간단하고 아주 라이트라고해야 할 조언을 줄 수있는 경우 :

출처

2012-08-14 12:56:58 WouterH

jquery. 마우스를 움직일 때마다 호버가 호출됩니다.

답변

관련 문제